@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 Report</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.report')}}" 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>
                <input type="hidden" value="1" name="filter_show">
                <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>
                @if(!empty($conveyance_list))
                @include('payroll.includes.printAndExcel')
                <div id="divToPrint">
                    <div id="tableContent">
                        <table class="table table-hover table2excel table-bordered mt-3">
                            <span class="d-none" id="heading_name">Conveyence Report {{date('Y-m-d h:i:sa')}}</span> {{--Excel File Name--}}
                            <thead class="thead-dark">
                            <tr>
                                <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>Amount</th>
                                <th>Status</th>
                                {{-- <th>Action</th> --}}
                            </tr>
                            </thead>
                            <tbody>
                                @php $total_amount = 0; @endphp
                                @foreach ($conveyance_list as $convey_val)
                                    <tr>
                                        <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>
                                            {{$convey_val->get_convayence_details_sum_conveyance_amount}}
                                            @php
                                                $total_amount += $convey_val->get_convayence_details_sum_conveyance_amount;
                                            @endphp
                                        </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>
                                    </tr>
                                @endforeach
                            </tbody>
                            <tfoot>
                                <tr class="table-secondary">
                                    <td colspan="7">Total</td>
                                    <td colspan="2">{{$total_amount}}</td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
                @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> --}}


@endsection