@extends('admin.layout.master')
@section('home')
    <style>
        .select2-container {
            width: 745.25px;
        }
    </style>
    <style>
        label {
            margin-bottom: 1px;
        }

        .form-group {
            margin-bottom: 9px;
        }

        .table-responsive {
            height: calc(100vh - 360px);
        }

        th {
            background: #007bff;
            color: white !important;
            position: sticky;
            top: 0;
        }

        table {
            position: relative;
        }

        .table-bordered td, .table-bordered th {
            border: 1px solid #aaabab;
        }
    </style>

    <div class="card">
        <div class="card-header d-flex">
            <div class="col-6 pl-0">View Employee Conveyance</div>
            <div class="col-6 text-right">
                <a href="{{route('conveyance.index')}}" class="btn btn-sm btn-primary mb-1">Conveyance List</a>
                @include('payroll.includes.printAndExcel')
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-12">
                    {{-- <div class="row">
                        <div class="form-group col-12 col-md-3">
                            <p for="employee">Voucher No: {{$conveyance_info->voucher_no}}</p>
                        </div>
                        <div class="form-group col-12 col-md-3">
                            <p for="employee">Employee Name: {{$conveyance_info->get_emp_info->emp_name}}</p>
                        </div>
                        <div class="form-group col-12 col-md-3">
                            <p for="employee">Conveyance Type: {{$conveyance_info->conveyance_type_info->name}}</p>
                        </div>
                        <div class="form-group col-12 col-md-3">
                            <p for="">Voucher Date: {{$conveyance_info->voucher_date}}</p>
                        </div>
                        <div class="form-group col-12 col-md-3">
                            <p>Purpose: {{$conveyance_info->purpose}}</p>
                        </div>
                    </div> --}}
                    <div class="row" id="divToPrint">
                        <div class="col-12" id="tableContent">
                            <table class="table table-bordered table-hover table2excel">
                                <span class="d-none" id="heading_name">Conveyence {{$conveyance_info->voucher_no}} {{date('Y-m-d h:i:sa')}}</span> {{--Excel File Name--}}
                                <thead class="thead-blu">
                                    <tr>
                                        <td colspan="5" style="text-align: left;">
                                            <span for="employee"><b>Voucher No: </b>{{$conveyance_info->voucher_no}}</span><br>
                                            <span for="employee"><b>Employee Name: </b>{{$conveyance_info->get_emp_info->emp_name}}</span><br>
                                            <span for="employee"><b>Conveyance Type: </b>{{$conveyance_info->conveyance_type_info->name}}</span><br>
                                            <span for=""><b>Voucher Date: </b>{{date('d-M-Y', strtoTime($conveyance_info->voucher_date))}}</span><br>
                                            <span><b>Purpose: </b>{{$conveyance_info->purpose}}</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="text-center">Date</th>
                                        <th class="text-center">Purpose</th>
                                        <th class="text-center">From</th>
                                        <th class="text-center">To</th>
                                        <th class="text-center">Amount in Tk</th>
                                    </tr>
                                </thead>
                                <tbody style="overflow-y:auto;max-height: 500px">
                                    @php $total_amount = 0 @endphp
                                    @foreach($conveyance_info_details as $details_val)
                                        <tr>
                                            <td>
                                                {{$details_val->conveyance_date}}
                                            </td>
                                            <td>
                                                {{$details_val->conveyance_purpose}}
                                            </td>
                                            <td>
                                                {{$details_val->conveyance_from}}
                                            </td>
                                            <td>
                                                {{$details_val->conveyance_to}}
                                            </td>
                                            <td>
                                                {{$details_val->conveyance_amount}}
                                                                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td colspan="4"><b>Total: </b></td>
                                        <td><b>{{$total_amount}}</b></td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection