@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 active" aria-current="page">Personnels</li>
                </ol>
            </nav>
        </div>
        <div class="card-body">
        <div class="w-100 text-right">
            <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>
            {{-- <button class="btn btn-primary btn-sm text-white mr-2" style="background-color: #21A366" id="btnCsv">IMPORT CSV</button> --}}
            <a href="{{ route('personnel.report') }}" class="btn btn-primary btn-sm text-white">REPORT</a>
            <a href="{{ route('personnel.create') }}" class="btn btn-primary btn-sm text-white">ADD PERSONNEL</a>
            <form id="frmSearch" class="navbar-search" action="{{ route('personnel.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>
            </form>
        </div>
        <div class="table-responsive">

            <table class="table">
                <thead class=" text-primary">
                    <tr>
                        <th>ID</th>
                        <th>Name</th>
                        <th>Post</th>
                        <th>Type</th>
                        <th>Employment</th>
                        <th>Account</th>
                        <th>Action</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->last_name . ', ' . $personnel->first_name }} </td>
                            <td>{{ $personnel->branch_name }}</td>
                            <td>{{ $personnel->type }}</td>
                            <td>{{ $personnel->employment_status }}</td>
                            <td>{{ $personnel->is_active ? 'Active' : 'Inactive' }}</td>
                            <td><a href="{{ route('personnel.show', [ 'id' =>$personnel->id ]) }}" class="btn btn-primary btn-sm text-white">View</a></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();
        })
    </script>
@endsection