@extends('payroll.employee_frontend.layouts.employee')
@section('content')
    <section>
        <div class="col-12 mt-4">
            <h2 class="page-title text-center">{{__('obs.employee')}} {{__('obs.billing')}} {{__('obs.history')}}</h2>
            <div class="mb-2 heading-border"></div>
        </div>
    </section>
    <section class="px-3  pt-3 pt-lg-5 row">
        <div class="col-12 mb-4">
            <div class="blu-card d-flex flex-wrap">
                <div class="col-12 col-md-6">
                    <h5 class="mb-3 card-in-h">
                        <i class="fa fa-calendar mr-2 text-primary" aria-hidden="true"></i>
                         {{__('obs.history')}}
                    </h5>
                </div>
                <div class="col-12 col-md-6 text-left text-md-right">
                    <a class="btn btn-success" href="{{route('employee.conveyance.create')}}">{{__('obs.create')}} {{__('obs.conveyance')}}</a>
                </div>
                <div class="col-12 table-responsive">
                    <table class="table table-bordered table-hover">
                        <thead class="thead-blu">
                        <tr>
                            <th class="text-center">{{__('obs.voucher')}} {{__('obs.no')}}</th>
                            <th class="text-center">{{__('obs.voucher')}} {{__('obs.date')}}</th>
                            <th class="text-center">{{__('obs.conveyance')}}</th>
                            <th class="text-center">{{__('obs.purpose')}}</th>
                            <th class="text-center">{{__('obs.approve_')}}{{__('obs.status')}}</th>
                            <th class="text-center">{{__('obs.action')}}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @if(!empty($conveyance_list))
                            @foreach($conveyance_list as $convey_val)
                                <tr>
                                    <td class="text-center">{{$convey_val['voucher_no']}}</td>
                                    <td  class="text-center">{{$convey_val['voucher_date']}}</td>
                                    <td  class="text-center">{{$convey_val->conveyance_type_info ? $convey_val->conveyance_type_info->name : null}}</td>
                                    <td  class="text-center">{{$convey_val['purpose']}}</td>
                                    <td  class="text-center"><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' : '')) }}
                                            px-2 py-1">
                                            {{ $convey_val->approve_status == 1 ? 'Pending' :
                                      ($convey_val->approve_status == 2 ? 'Approved' :
                                      ($convey_val->approve_status == 3 ? 'Rejected' : '')) }}
                                    </span>
                                    </td>
                                    <td class="text-center">
                                        <a href="{{route('employee.conveyance.view' , ['id'=>$convey_val['id']])}}"
                                           class='btn btn-primary btn-sm'>{{__('obs.view')}}</a>

                                        @if($convey_val->final_submit_status != 1)
                                            <a href="{{route('employee.conveyance.edit' , ['id'=>$convey_val['id']])}}"
                                                class='btn btn-warning btn-sm'>{{__('obs.edit')}}</a>
                                            <a href="{{route('employee.conveyance.final_submit' , ['id'=>$convey_val['id']])}}"
                                                    class='btn btn-success btn-sm'>{{__('obs.final')}} {{__('obs.submit')}}</a>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </section>
@endsection