@extends('Master.master')
@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1>Data Kontak</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active">Data Kontak</li>
                    <li class="breadcrumb-item active">Naik Pangkat</li>
                </ol>
            </div>
        </div>
    </div>
</section>

<!-- Main content -->
<section class="content">
    <div class="card card-solid">
        <div class="card-body pb-0">
            <div class="row">
                @foreach($List_pegawai as $ln)
                @php
                $tgl = $ln->tgl_golongan;
                $date = new DateTime($tgl);
                $today = new DateTime('today');
                $tmt = $date->diff($today)->y;

                $birthday = $ln->birthday;
                $date2 = new DateTime($birthday);
                $today = new DateTime('today');
                $pensiun = $date2->diff($today)->y;
                if ($ln->position == 0){
                $hasil_pensiun = 58 - $pensiun;
                }elseif($ln->position == 1){
                $hasil_pensiun = 58 - $pensiun;
                }elseif($ln->position == 2){
                $hasil_pensiun = 60 - $pensiun;
                }elseif($ln->position == 3){
                $hasil_pensiun = 65 - $pensiun;
                }
                @endphp
                <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
                    <div class="card bg-light d-flex flex-fill">
                        <div class="card-header text-muted border-bottom-0">
                            @if ($ln->position == 1)
                            Teknik Pengairan Ahli Pertama
                            @elseif ($ln->position == 2)
                            Teknik Pengairan Ahli Muda
                            @elseif ($ln->position == 3)
                            Teknik Pengairan Ahli Madya
                            @elseif ($ln->position == 4)
                            Teknik Pengairan Ahli Utama
                            @elseif ($ln->position == 5)
                            Teknik Pengairan Pelaksana
                            @elseif ($ln->position == 6)
                            Teknik Pengairan Pelaksana Lanjut
                            @elseif ($ln->position == 7)
                            Teknik Pengairan Penyelia
                            @else
                            -
                            @endif
                        </div>
                        <div class="card-body pt-0">
                            <div class="row">
                                <div class="col-7">
                                    <h2 class="lead"><b>{{$ln->name}}</b></h2>
                                    @if ($tmt < 4) 
                                    <p style="color: #007bff;"><b>Aman</b></p>
                                    @else 
                                    <p style="color: red;"><b>Harus Naik Pangkat</b></p>
                                    @endif
                                    <ul class="ml-4 mb-0 fa-ul text-muted">
                                        <li class="small"><span class="fa-li"><i class="fas fa-lg fa-building"></i></span>PANGKAT/GOLONGAN : 
                                            @switch($ln->golongan)
                                                @case(1)
                                                    Pengatur Muda (II/a)
                                                @break
                                                @case(2)
                                                    Pengatur Muda Tingkat I (II/b)
                                                @break
                                                @case(3)
                                                    Pengatur (II/c)
                                                @break
                                                @case(4)
                                                    Pengatur Tingkat I(II/d)
                                                @break
                                                @case(5)
                                                    Penata Muda (III/a)
                                                @break
                                                @case(6)
                                                    Penata Muda Tingkat I (III/b)
                                                @break
                                                @case(7)
                                                    Penata (III/c)
                                                @break
                                                @case(8)
                                                    Penata Tingkat I (III/d)
                                                @break
                                                @case(9)
                                                    Pembina (IV/a)
                                                @break
                                                @case(10)
                                                    Pembina Tingkat I (IV/b)
                                                @break
                                                @case(11)
                                                    Pembina Utama Muda(IV/c)
                                                @break
                                                @case(12)
                                                    Pembina Utama(IV/d)
                                                @break
                                                @default
                                        @endswitch
                                        </li>
                                        <li class="small"><span class="fa-li"><i class="fas fa-calendar"></i></span>TMT :
                                            @if ($ln->tgl_golongan != 0)
                                            {{Carbon\carbon::parse($ln->tgl_golongan)->translatedFormat('d F Y')}}
                                            @endif
                                        </li>
                                        <li class="small"><span class="fa-li"><i class="fas fa-lg fa-phone"></i></span> No HP: {{$ln->phone}}</li>
                                    </ul>
                                </div>
                                <div class="col-5 text-center">
                                    <img src="{{ asset('adminlte/dist/img/avatarnew.jpeg')}}" alt="user-avatar" class="img-circle img-fluid">
                                </div>
                            </div>
                        </div>
                        <div class="card-footer">
                            <div class="text-right">
                                <a href="https://wa.me/{{$ln->phone}}" target="_blank" class="btn btn-sm bg-teal">
                                    <i class="fab fa-whatsapp"></i>
                                </a>
                                <a href="#" class="btn btn-sm btn-primary">
                                    <i class="fas fa-user"></i> View Profile
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
        <div class="card-footer">
            <nav aria-label="Contacts Page Navigation">
                <ul class="pagination justify-content-center m-0">
                    <li class="page-item active"><a class="page-link" href="#">1</a></li>
                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                    <li class="page-item"><a class="page-link" href="#">4</a></li>
                    <li class="page-item"><a class="page-link" href="#">5</a></li>
                    <li class="page-item"><a class="page-link" href="#">6</a></li>
                    <li class="page-item"><a class="page-link" href="#">7</a></li>
                    <li class="page-item"><a class="page-link" href="#">8</a></li>
                </ul>
            </nav>
        </div>
    </div>
</section>
@endsection