@extends('admin.layout.master')
@section('home')
    <div class="row">
        <div class="col-xs-12">
            <h4 class="page-title"></h4>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">Shift List</div>
                <div class="card-body">
                    <!-- Button trigger modal -->
                    <div class='text-right'>
                        <button type="button" class="btn btn-primary" onclick="openShiftModel()">
                            Add Shift
                        </button>
                    </div>
                    <div class="alert alert-success success_div" style="display: none"></div>

                    <form action="{{ route('shift.search') }}" method="get">
                        @csrf
                        <div class='row'>
                            <div class='col-md-4 mt-3'>
                                <div class="row">
                                    <div class="col-md-4">
                                        <label class="text-center">Shift Code</label>
                                    </div>
                                    <div class="col-md-8">
                                        <input class='form-control input-sm' name="shift_code" id="shiftcode"
                                            onkeyup="searchShiftCode(this)" />
                                    </div>
                                </div>
                            </div>
                            <div class='col-md-4 mt-3'>
                                <div class="row">
                                    <div class="col-md-4">
                                        <label class="text-center">Shift Name</label>
                                    </div>
                                    <div class="col-md-8">
                                        <input class='form-control input-sm' name="shift_name" id="shift_name"
                                            onkeyup="searchNameName(this)" />
                                    </div>
                                </div>
                            </div>
                            <div class="col-2 mt-3">
                                <div class="row">
                                    <button class="btn btn-primary btn-sm">Submit</button>
                                </div>
                            </div>
                        </div>
                    </form>
                    <div class="table-responsive mt-3">
                        <table id="example" class="table table-striped table-bordered">
                            <thead>
                                <tr>
                                    <th>#SL</th>
                                    <th>Shift Code</th>
                                    <th>Shift Name</th>
                                    <th>Shift Type</th>
                                    <th>Location</th>
                                    <th>Status</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if (!empty($shiftList)) 
                                @php $i =1; @endphp
                                    @foreach ($shiftList as $val)
                                   
                                        <tr>
                                            <td class="serial_numbe">{{ $i++ }}</td>
                                            <td>{{ $val->shift_code }}</td>
                                            <td>{{ $val->name }}</td>
                                            <td>
                                                @if ($val->shift_type == 1)
                                                {{ 'Day Shift' }} @elseif($val->shift_type==2) {{ 'Night Shift' }}
                                                @else {{ 'Evening Shift' }} @endif
                                            </td>
                                            <td>
                                                @if ($val->ware_house)
                                                    {{ $val->ware_house->name_eng }}
                                                @elseif($val->ware_id ==0)
                                                    All
                                                @endif
                                            </td>
                                            <td><label class="switch">
                                                    <input type="checkbox" @if ($val->status == 1) checked @endif
                                                        onchange="changeStatus(this,'{{ $val->shift_code }}')">
                                                    <span class="slider round"></span>
                                                </label>
                                            </td>
                                            <td>
                                                <button class='btn btn-danger btn-sm'
                                                    onclick="editShiftList(1,{{ $val->id }})">View
                                                </button>
                                                <button class='btn btn-success btn-sm'
                                                    onclick="editShiftList(2,{{ $val->id }})">Edit
                                                </button>
                                                <a href="{{route('shift.delete',['id'=>$val->id])}}" onclick="return confirm('Shift Will Delete Permanently. Are You Sure?')" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></a>
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                    <div class="row ">
                        {{-- @if (!empty($shiftList))
                            {{ $shiftList->links('pagination::bootstrap-4') }}
                        @endif --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('payroll.shift.shift_list.add_shift')
    <!-- Custom Js -->
    <script src="{{ asset('payroll_assets/shift/add_shift.js') }}"></script>
    <!-- End -->
@endsection