@extends('admin.layout.master')
@section('custom_style')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css">
@endsection
@section('home')
    <div class="col-12">
        @if (session('success'))
            <div class="alert alert-success" id="hide-alert">
                {{ session('success') }}
            </div>
        @endif
        @if ($errors->any())
            <div class="alert alert-danger" id="hide-alert">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <div>
                <h5 class="font-weight-bold mb-0">Conveyance list</h5>
            </div>
            <div>
                <a href="{{route('conveyance.create')}}" class="btn btn-sm btn-primary">Create Conveyance</a>
            </div>
        </div>
        <div class="card-body">
            <form id="filterform" class="d-flex flex-wrap" action="{{route('conveyance.search')}}" method="GET">
                <div class="col-12 col-md-3 mb-3 px-1">
                    <label for="">Employee Name</label>
                    <select id="emp_name" class="form-control name_live_search" name="emp_name">
                    </select>
                </div>
                <div class="col-12 col-md-3 mb-3 px-1">
                    <label for="">Employee Code</label>
                    <select id="emp_code" class="form-control code_live_search" name="emp_code">
                    </select>
                </div>
                <div class="col-12 col-md-3 mb-3 px-1">
                    <label for="">Department</label>
                    <select name="emp_department" id="emp_department" class="form-control input-sm">
                        <option value="0">--Select--</option>
                        @if(!empty($departments))
                            @foreach($departments as $depart_val)
                                <option value="{{$depart_val->id}}">{{$depart_val->name}}</option>
                            @endforeach
                        @endif
                    </select>
                </div>

                <div class="col-12 col-md-3 mb-3 px-1">
                    <label for="">Designation</label>
                    <select name="emp_designation" id="emp_designation" class="form-control input-sm">
                        <option value="0">--Select--</option>
                        @if(!empty($designation_lists))
                            @foreach($designation_lists as $val)
                                <option value="{{$val->id}}">{{$val->name}}</option>
                            @endforeach
                        @endif
                    </select>
                </div>

                <div class='col-md-3'>
                    <div class="form-group">
                        <label>Station</label>
                        <select class="form-control input-sm station_live_search" name="station" id="station">
                        </select>
                    </div>
                </div>

                <div class="col-12 col-md-3 mb-3 px-1">
                    <label for="">Voucher Date</label>
                    <input class="form-control" type="date" name="voucher_date" id="voucher_date">
                </div>

                <div class="col-12 col-md-3 mb-3 px-1">
                    <label for="">Approve Status</label>
                    <select readonly id="approve_status" class="js-example-basic-single form-control" name="approve_status">
                        <option value="">All</option>
                        <option value="1">Pending</option>
                        <option value="2">Approve</option>
                        <option value="3">Rejected</option>
                        <option value="4">InActive</option>
                    </select>
                </div>
                <div class="col-12 col-md-3 mb-3 px-1">
                    <button type="submit" class="btn w-100 btn-primary mt-4">Filter</button>
                </div>
                <div class="col-12 col-md-1 mb-3 px-1">
                    <button class="empty btn w-100 btn-warning mt-4" type="button">Reset</button>
                </div>
            </form>

            <div>
                <table class="table table-hover table-bordered mt-3">
                    <thead class="thead-dark">
                    <tr>
                        <th>#SL</th>
                        <th>Emp Name</th>
                        <th>Emp Code</th>
                        <th>Designation</th>
                        <th>Dept.</th>
                        <th>Voucher No</th>
                        <th>Voucher Date</th>
                        <th>Type</th>
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if(!empty($conveyance_list))
                        @php($i=0)
                        @foreach ($conveyance_list as $convey_val)
                            <tr>
                                <td>{{++$i}}</td>
                                <td>{{$convey_val->get_emp_info->emp_name}}</td>
                                <td>{{$convey_val->get_emp_info->emp_code}}</td>
                                <td>{{$convey_val->get_emp_info->fetch_designation->name}}</td>
                                <td>{{$convey_val->get_emp_info->fetch_department->name}}</td>
                                <td>{{$convey_val->voucher_no}}</td>
                                <td>{{$convey_val->voucher_date}}</td>
                                <td>{{$convey_val->conveyance_type_info->name}}</td>
                                <td>
                                <span class="{{
                                            $convey_val->approve_status == 2 ? 'badge badge-success' :
                                            ($convey_val->approve_status == 1 ? 'badge badge-warning' :
                                            ($convey_val->approve_status == 3 ? 'badge badge-danger' :
                                            ($convey_val->approve_status == 4 ? 'badge badge-primary' : 'badge badge-secondary'
                                            ) ))}}

                                    px-2 py-1">
                                        {{
                                            $convey_val->approve_status == 2 ? 'Active' :
                                            ($convey_val->approve_status == 1 ? 'Pending' :
                                            ($convey_val->approve_status == 3 ? 'Rejected' :
                                            ($convey_val->approve_status == 4 ? 'InActive' : '')))}}
                                </span>
                                </td>
                                <td>
                                    <div class="d-flex">
                                        @if ($convey_val->approve_status == 1)
                                            @include('admin.mapping_blade.mapping', ['approve_status' => $convey_val->approve_status, 'approvals' =>$convey_val->approvals,'action_id'=>3,'cost_center_id'=>1,'item_id'=>$convey_val->id,'model_name'=>"App\\\Models\\\Payroll\\\EmpManagements\\\PayConveyance"])&nbsp;&nbsp;
                                            {{--<button title="Approve Conveyance" type="button" data-toggle="tooltip"
                                                    data-placement="top" class="btn btn-success mr-1"
                                                    onclick="conveyance_approve({{$convey_val->id}})">
                                                <i class='bx bx-check-double'></i></button>--}}
                                        @endif
                                        @if($convey_val->approve_status != 2)
                                            <a target="_blank" title="Edit Conveyance" data-toggle="tooltip"
                                               data-placement="top"
                                               href="{{route('conveyance.edit',['id'=>$convey_val->id,'type'=>'1'])}}"
                                               class="btn btn-primary mr-1">
                                                <i class="fadeIn animated bx bx-edit-alt"></i>
                                            </a>
                                        @endif
                                        <a target="_blank" title="View Conveyance" data-toggle="tooltip"
                                           data-placement="top"
                                           href="{{route('conveyance.edit',['id'=>$convey_val->id,'type'=>'2'])}}"
                                           class="btn btn-info mr-1">
                                            <i class='bx bx-detail'></i>
                                        </a>
                                        {{--@if ($convey_val->approve_status == 1 && $convey_val->approve_status != 2)
                                            <button title="Conveyance InActive" type="button" data-toggle="tooltip"
                                                    data-placement="top" class="btn btn-warning mr-1"
                                                    onclick="conveyance_inactive({{$convey_val->id}})">
                                                <i class='bx bx-pause'></i></button>
                                        @endif
                                        @if ($convey_val->approve_status == 4 && $convey_val->approve_status != 2)
                                            <button title="Conveyance Re-active" type="button" data-toggle="tooltip"
                                                    data-placement="top" class="btn btn-success mr-1"
                                                    onclick="conveyance_reactive({{$convey_val->id}})">
                                                <i class='bx bx-play'></i></button>
                                        @endif--}}
                                        @if ($convey_val->approve_status == 1 && $convey_val->approve_status != 2)
                                            <button title="Reject Conveyance" type="button" data-toggle="tooltip"
                                                    data-placement="top" class="btn btn-danger mr-1"
                                                    onclick="conveyance_reject({{$convey_val->id}})">
                                                <i class='bx bx-x'></i></button>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    @endif
                    </tbody>
                </table>
            </div>
            <div class="d-flex justify-content-end mr-4 mt-2 mb-5">
                @if(!empty($conveyance_list))
                    {{ $conveyance_list->appends(request()->query())->links("pagination::bootstrap-4")}}
                @endif
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script>

    <script>
        $(function () {
            $('[data-toggle="tooltip"]').tooltip()
        });

        // Transfer approve start
        function conveyance_approve(id) {
            $.confirm({
                title: 'Are you sure?',
                content: 'If you click approve then this loan will on approve state',
                type: 'green',
                typeAnimated: true,
                buttons: {
                    tryAgain: {
                        text: 'Approve',
                        btnClass: 'btn-green',
                        action: function () {
                            window.location.href = '{{ route('conveyance.update-status') }}/' + id + '/' + 2;
                        }
                    },
                    close: function () {
                    }
                }
            });
        }

        // Transfer approve end

        function conveyance_reactive(id) {
            $.confirm({
                title: 'Are you sure?',
                content: 'If you click approve then this loan will on Re-active state',
                type: 'green',
                typeAnimated: true,
                buttons: {
                    tryAgain: {
                        text: 'Re-active',
                        btnClass: 'btn-green',
                        action: function () {
                            window.location.href = '{{ route('conveyance.update-status') }}/' + id + '/' + 2;
                        }
                    },
                    close: function () {
                    }
                }
            });
        }

        //transfer approve end

        // transfer reject start
        function conveyance_reject(id) {
            $.confirm({
                title: 'Are you sure?',
                content: 'If you click reject then this transfer will on reject state',
                type: 'red',
                typeAnimated: true,
                buttons: {
                    tryAgain: {
                        text: 'Reject',
                        btnClass: 'btn-red',
                        action: function () {
                            window.location.href = '{{ route('conveyance.update-status') }}/' + id + '/' + 3;
                        }
                    },
                    close: function () {
                    }
                }
            });
        }

        // Transfer reject end

        // Transfer InActive start
        function conveyance_inactive(id) {
            $.confirm({
                title: 'Are you sure?',
                content: 'If you click inactive then this transfer will on reject state',
                type: 'red',
                typeAnimated: true,
                buttons: {
                    tryAgain: {
                        text: 'InActive',
                        btnClass: 'btn-red',
                        action: function () {
                            window.location.href = '{{ route('conveyance.update-status') }}/' + id + '/' + 4;
                        }
                    },
                    close: function () {
                    }
                }
            });
        }

        // loan inactive end

        $(".empty").click(function () {
            $(this).closest('form').find("input[type=number], input[type=date], select").val("");
        });
    </script>

@endsection