@extends('layouts.master')
@section('title') {{$title}} @lang('translation.starter')  @endsection
@section('content')
@component('components.breadcrumb')
@slot('li_1') Pages @endslot
@slot('title') {{$title}}  @endslot
@endcomponent
<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header align-items-center d-flex">
                                <h4 class="card-title mb-0 flex-grow-1">{{ $title }} </h4>
                                <div class="flex-shrink-0">
                                    <div class="form-check form-switch form-switch-right form-switch-md">
                                        @can('cuti_pegawai_create')
                                            <a href="{{ route('manajemen.cutipegawai.index') }}" class="btn btn-sm btn-outline-danger">Kembali</a>
                                        @endcan
                                    </div>
                                </div>
                            </div><!-- end card header -->
                            <div class="card-body">
                                <form action="" method="POST">
                                    @csrf
                                    @method('PUT')
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="mb-3">
                                                <table class="table table-stripe tbl-detail-cuti">
                                                    <tr>
                                                        <td width="15%">Nama Pegawai</td>
                                                        <td width="3%">:</td>
                                                        <td><b>{{ $prods->namapegawai }}</b></td>
                                                    </tr>
                                                    <tr>
                                                        <td width="15%">Nama Atasan</td>
                                                        <td width="3%">:</td>
                                                        <td><b>{{ $prods->Atasan->nama_depan }} {{ $prods->Atasan->nama_belakang }}</b></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Jenis</td>
                                                        <td>:</td>
                                                        <td>
                                                            <select name="jeniscuti_id" class="form-select jeniscuti_id" readonly>
                                                                <option value="">Pilih</option>
                                                                @foreach ($jenis as $item)
                                                                    <option value="{{ $item->id }}"
                                                                        @if ($item->nama==$prods->jeniscuti)
                                                                            selected
                                                                        @endif>{{ $item->nama}}</option>
                                                                @endforeach
                                                            </select>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>Lama </td>
                                                        <td>:</td>
                                                        <td><b>{{ $prods->jumlah_hari }} Hari</b></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Tanggal</td>
                                                        <td>:</td>
                                                        <td>
                                                            <div class="row">
                                                                <div class="col-md-5">
                                                                    <label for="">Awal</label>
                                                                    <input type="text" name="tanggal_awal" class="form-control" id="tanggal_awal"  data-provider="flatpickr" data-date-format="Y-m-d" value="{{ $prods->tanggal_awal }}" readonly>
                                                                    @error('tanggal_awal') <span class="text-danger">{{ $message }}</span> @enderror
                                                                    {{-- <b>{{ date('d F Y',strtotime($prods->tanggal_awal)) }} - {{ date('d F Y',strtotime($prods->tanggal_akhir)) }}</b> --}}
                                                                </div>
                                                                <div class="col-md-6">
                                                                    <label for="">Akhir</label>
                                                                    <input type="text" name="tanggal_akhir" class="form-control" id="tanggal_akhir"  data-provider="flatpickr" data-date-format="Y-m-d" value="{{ $prods->tanggal_akhir }}" readonly>
                                                                    @error('tanggal_akhir') <span class="text-danger">{{ $message }}</span> @enderror
                                                                    {{-- <b>{{ date('d F Y',strtotime($prods->tanggal_awal)) }} - {{ date('d F Y',strtotime($prods->tanggal_akhir)) }}</b> --}}
                                                                </div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>Keterangan / Keperluan Cuti </td>
                                                        <td>:</td>
                                                        <td>
                                                            <textarea name="keterangan" class="form-control" rows="5">{{ $prods->keterangan }}</textarea>
                                                            @error('keterangan') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>Lampiran</td>
                                                        <td>:</td>
                                                        <td>
                                                            @if (!empty($prods->lampiran))
                                                            <div class="ratio ratio-16x9">
                                                                <iframe src="{{ URL::asset('images/dokumen/pegawai/') }}/{{ $prods->pathfolder }}/lampiran_cuti/{{ $prods->lampiran }}"></iframe>
                                                            </div>
                                                            @endif
                                                            <input name="lampiran" accept=".pdf,.jpg" type="file" class="form-control">
                                                            @error('lampiran') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>Tanggal Pengajuan</td>
                                                        <td>:</td>
                                                        <td><b>{{ date('d-m-Y H:i:s',strtotime($prods->created_at)) }} </b></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Status</td>
                                                        <td>:</td>
                                                        <td>
                                                            <b>
                                                                <span class="badge
                                                                @if($prods->status=='disetujui')
                                                                bg-success
                                                                @elseif($prods->status=='ditolak')
                                                                bg-danger
                                                                @else
                                                                bg-warning
                                                                @endif">
                                                                    {{ $prods->status }}
                                                                </span>
                                                            </b>
                                                        </td>
                                                    </tr>
                                                    @if ($prods->status=='disetujui')
                                                    <tr>
                                                        <td>Tanggal Persetujuan</td>
                                                        <td>:</td>
                                                        <td><b>{{ date('d-m-Y H:i:s',strtotime($prods->updated_at)) }} </b></td>
                                                    </tr>
                                                    @endif
                                                    <tr>
                                                        <td></td>
                                                        <td></td>
                                                        <td>
                                                            <button>Update</button>
                                                        </td>
                                                    </tr>
                                                    
                                                </table>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="mb-3">
                                                <caption>History Status Pengajuan</caption>
                                                <table class="table table-bordered tbl-detail-cuti" id="buttons-datatables">
                                                    <thead>
                                                        <tr>
                                                            <th>Status</th>
                                                            <th>Oleh</th>
                                                            <th>Waktu</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach ($history as $item)
                                                            <tr>
                                                                <td>{{ $item->status}}</td>
                                                                <td>{{ $item->oleh}}</td>
                                                                <td>{{ date('d-m-Y H:i:s',strtotime($item->created_at)) }}</td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('css')
    <style>
        .tbl-detail-cuti{
            font-size:14px !important
        }
    </style>
@endsection
@section('meta')
<meta name="csrf-token" content="{{ csrf_token() }}">
@endsection
@section('script')
@include('datatable')
<script>
    $(document).ready(function(){
        $("#sideManPegs").attr('aria-expanded',true);
        $("#sideManPeg").addClass('show');
        $("#cutipegawai").addClass('active');
        $("#visimisi").removeClass('active');
        $("#infosisa").hide();
    });
</script>
@endsection