@extends('layouts.app')

@section('content')
<div class="col-12">

</div>
<div class="col-12">
    <div class="card">
        <div class="card-header">
            <h5 class="title mb-0">Personnels</h5>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb"style="background-color: white; padding-left: 2px">
                    <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('personnel') }}">Personnel</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Report</li>
                </ol>
            </nav>
        </div>
        <div class="card-body">
        <div class="w-100 ">
            <a href="{{ route('personnel.export', ['keyword' => $keyword || 'nokeywordsearched', 'license' => $license, 'pagination' => $pagination]) }}" class="btn btn-primary btn-sm text-white mr-2 ml-auto" style="background-color: #21A366">EXPORT</a>
            <form method='post' action="{{ route('personnel.csv') }}" enctype='multipart/form-data' id="frmFl">
                {{ csrf_field() }}
                <input type='file' name='data' id="flCsv" style="display:none">
            </form>

            <form id="frmSearch" class="navbar-search" action="{{ route('personnel.report.search') }}" enctype="multipart/form-data">
                <div class="input-group no-border">
                <input type="text" name="keyword" @if(isset($keyword)) value="{{ $keyword }}" @endif class="form-control" placeholder="Search using name..." autocomplete="off">
                    <div class="input-group-append">
                    <button type="submit" class="txtSearch input-group-text">
                        <i class="now-ui-icons ui-1_zoom-bold"></i>
                    </button>
                    </div>
                </div>
                <div class="d-flex justify-content-end ml-auto">
                    <div class="form-group text-right " style="width: 160px">
                        <select type="text" class="form-control @if ($errors->has('license')) is-invalid @endif" placeholder="required" name="license" value="{{ old('license') }}" id="txtLicense">
                            <option value="All" @if(old('license') == "All") selected @endif>All</option>
                            <option value="With License" @if(old('license', $license) == "With License") selected @endif>With License</option>
                            <option value="Without License" @if(old('license', $license) == "Without License") selected @endif>Without License</option>
                            <option value="Expired License" @if(old('license', $license) == "Expired License") selected @endif>Expired License</option>
                        </select>
                    </div>
                    <div class="form-group text-right  ml-2" style="width: 80px">
                        <select type="text" class="form-control @if ($errors->has('pagination')) is-invalid @endif" placeholder="required" name="pagination" value="{{ old('pagination') }}" id="txtPagination">
                            <option value="10" @if(old('pagination', $pagination) == "10") selected @endif>10</option>
                            <option value="50" @if(old('pagination', $pagination) == "50") selected @endif>50</option>
                            <option value="100" @if(old('pagination', $pagination) == "100") selected @endif>100</option>
                            <option value="all" @if(old('pagination', $pagination) == "all") selected @endif>All</option>
                        </select>
                    </div>
                </div>

            </form>
        </div>
        <div class="table-responsive">

            <table class="table">
                <thead class=" text-primary">
                    <tr>
                        <th>ID</th>
                        <th>First Name</th>
                        <th>Middle Name</th>
                        <th>Last Name</th>
                        <th>Suffix</th>
                        <th>Sex</th>
                        <th>Civil Status</th>
                        <th>Filipino</th>
                        <th>Height</th>
                        <th>Weight</th>
                        <th>Blood Type</th>
                        <th>Birth Date</th>
                        <th>Contact Number</th>
                        <th>Email</th>
                        <th>Permanent Address</th>
                        <th>Current Address</th>
                        <th>Birth Place</th>
                        <th>Employment Date</th>
                        <th>Employment Status</th>
                        <th>License Number</th>
                        <th>License Issued Date</th>
                        <th>License Expiration Date</th>
                        <th>License Issued At</th>
                        <th>SSS</th>
                        <th>Pag-ibig</th>
                        <th>Philhealth</th>
                        <th>TIN</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($personnels as $personnel)
                        <tr>
                            @if(strlen($personnel->id) > 3 )
                            <td>{{ 'CDO' . $personnel->created_at->format('Y') . '-' . $personnel->id }}</td>
                            @elseif(strlen($personnel->id) > 2 )
                            <td>{{ 'CDO' . $personnel->created_at->format('Y') . '-0' . $personnel->id }}</td>
                            @elseif (strlen($personnel->id) > 1)
                            <td>{{ 'CDO' . $personnel->created_at->format('Y') . '-00' . $personnel->id }}</td>
                            @else
                            <td>{{ 'CDO' . $personnel->created_at->format('Y') . '-000' . $personnel->id }}</td>
                            @endif
                            <td>{{ $personnel->first_name }} </td>
                            <td>{{ $personnel->middle_name }} </td>
                            <td>{{ $personnel->last_name }} </td>
                            <td>{{ $personnel->suffix }} </td>
                            <td>{{ $personnel->sex }} </td>
                            <td>{{ $personnel->civil_status }} </td>
                            <td>{{ $personnel->citizen }} </td>
                            <td>{{ $personnel->height }} </td>
                            <td>{{ $personnel->weight }} </td>
                            <td>{{ $personnel->blood_type }}</td>
                            <td>{{ $personnel->date_of_birth }}</td>
                            <td>{{ $personnel->contact_number }}</td>
                            <td>{{ $personnel->email }}</td>
                            <td>{{ $personnel->permanent_address }}</td>
                            <td>{{ $personnel->current_address }}</td>
                            <td>{{ $personnel->birthplace }}</td>
                            <td>{{ $personnel->employment_date }}</td>
                            <td>{{ $personnel->employment_status }}</td>
                            <td>{{ $personnel->license_number }}</td>
                            <td>{{ $personnel->issued_date }}</td>
                            <td>{{ $personnel->expiration_date }}</td>
                            <td>{{ $personnel->issued_at }}</td>
                            <td>{{ $personnel->sss_number }}</td>
                            <td>{{ $personnel->pagibig_number }}</td>
                            <td>{{ $personnel->philhealth_number }}</td>
                            <td>{{ $personnel->tin_number }}</td>
                            <td>{{ $personnel->is_active ? 'Active' : 'Inactive' }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="card-footer pl-2">
            <p class="text-secondary">Showing {{ count($personnels) }} of {{ $personnels->appends(request()->input())->total() }} entries</p>
            {{ $personnels->appends(request()->input())->links() }}
        </div>
      </div>
    </div>
  </div>
@endsection

@section('script')
    <script>
        notif = {
            misc: {
            navbar_menu_visible: 0
            },

            showNotification: function(from, align, color, msg) {

            $.notify({
                icon: "now-ui-icons ui-1_bell-53",
                message: msg

            }, {
                type: color,
                timer: 8000,
                placement: {
                from: from,
                align: align
                }
            });
            }
        };
        @if($errors->has('data'))
            notif.showNotification('top','right', 'danger', '{{ $errors->first('data') }}')
        @endif

        $('#btnCsv').click(function() {
            $('#flCsv').click()
        })

        $('#flCsv').change(function() {
            $('#frmFl').submit();
        })

        $('#txtPagination').on('change', function() {
            $('form#frmSearch').submit();
        });

        $('#txtLicense').on('change', function() {
            $('form#frmSearch').submit();
        });
    </script>
@endsection