@include('layout.header')

<section id="content">
    <section class="bgGrey py-4">
        <div class="container mt-3">
            
            <ul class="nav nav-pills table-header p-0" id="pills-tab" role="tablist" style="border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;">
                <li class="nav-item">
                    <a class="nav-link active" id="pills-profile-tab" data-toggle="pill" href="#improvement" role="tab"
                        aria-controls="pills-profile" aria-selected="false">Improvement</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="pills-home-tab" data-toggle="pill" href="#training" role="tab"
                        aria-controls="pills-home" aria-selected="true">Training</a>
                </li>
                <div class="table-print">
                    <table style="width: 100%;">
                        <tr>
                            <td style="padding-top: 6px;">
                                <a class="btn btn-danger cursor-pointer" href="{{url('/human/improvement')}}" style="font-weight: bold;">+ Ajukan Improvement Baru</a>
                            </td>
                            
                            <td style="text-align: right;padding-right: 15px;padding-top: 6px;">
                                <a class="btn btn-danger cursor-pointer" href="{{url('/human/training')}}" style="font-weight: bold;">+ Ajukan Training Baru</a>
                            </td>
                        </tr>
                    </table>
                </div>
            </ul>
            <div class="tab-content" id="pills-tabContent">
                <div class="tab-pane fade show active" id="training" role="tabpanel" aria-labelledby="training-tab">

                    <table class="table table-striped table-custom mydatatable_export" data-excel-title="training Order">
                        <thead>
                            <tr>
                                <th>No</th>
                                <th>Date Order</th>
                                <th>Position</th>
                                <th>Training</th>
                                <th>Competition</th>
                                <th>Sertificate</th>
                                <th>Vendor</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                                                        @foreach ($training as $item)
                                                        <tr>
                                <td>{{$no}}</td>
                                <td style="width: 12%;">{{date_format($item->created_at, 'd M Y')}}</td>
                                <td>{{$item->position}}</td>
                                <td>{{$item->training}}</td>
                                <td>{{$item->competition}}</td>
                                <td>{{$item->sertificate}}</td>
                                <td>{{$item->vendor}}</td>
                                <td>Submited</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="tab-pane fade show" id="improvement" role="tabpanel" aria-labelledby="improvement-tab">
                    <table class="table table-striped table-custom mydatatable_export" data-excel-title="improvement Order">
                        <thead>
                            <tr>
                                <th>No</th>
                                <th>Date Order</th>
                                <th>Name</th>
                                <th>Branch</th>
                                <th>Nik</th>
                                <th>Position</th>
                                <th>Category</th>
                                <th>Title</th>
                                <th>Poin Perbaikan</th>
                                <th>Jadwal Klinik</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                                                        @foreach ($improvement as $item)
                                                        <tr>
                                <td>{{$no}}</td>
                                <td style="width: 12%;">{{date_format($item->created_at, 'd M Y')}}</td>
                                <td>{{$item->name}}</td>
                                <td>{{$item->branch->name}}</td>
                                <td>{{$item->nik}}</td>
                                <td>{{$item->position}}</td>
                                <td>{{$item->category_improvement}}</td>
                                <td>{{$item->title}}</td>
                                <td>{{$item->poin_perbaikan}}</td>
                                <td>{{$item->jadwal_klinik}}</td>
                                <td>Submited</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                
            </div>
        </div>
    </section>
</section>

@include('layout.footer')

<script>
$('#search_date').datepicker({
    format: 'yyyy-mm-dd',
    minDate: new Date(),
});
</script>