@extends('admin.layout.master')
@section('custom_style')
    <style>
        /* .labels {
            font-size: 16px;
            font-weight: bold;
        }

        input {
            padding: 18px !important;
            box-shadow: none !important;
        } */

    </style>
@endsection

@section('content')
    @include('flash-message')
    <div class="col-12">

        @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 sina-card">
        <div class="card-header d-flex justify-content-between align-items-center ">
            
            <h5 class="">{{__('obs.payment')}} {{__('obs.voucher')}}</h5>
            @if(isset(request()->invoice))
            <div class="col-1">
                <a href="{{route('frontdesk.report.receipt_print',['invoice'=>request()->invoice])}}" class="btn btn-sm btn-warning pull-end" target="_blank"><i class="fa fa-print" aria-hidden="true"></i></a>
            </div>
            @endif


            <a href="{{route('frontdesk.payment_voucher.create')}}" class="btn btn-sm btn-light">{{__('obs.add')}} {{__('obs.payment')}} {{__('obs.voucher')}}</a>
        </div>

        <div class="card-body" style=""> 
            @if (count($errors) > 0)
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <form action="{{ route('frontdesk.payment_voucher') }}" method="get" class="form-horizontal">
               
                <div class='row'>
              
                <div class='col-md-3'>
                    <div class="form-group">
                        <label class="cl-form-label">{{__('obs.start_date')}}</label>
                        <input type="text" class="form-control cl-form-control fd_bs_datepicker" name="start_date" value="" id="start_date" required>

                    </div>
                </div>
                <div class='col-md-3'>
                    <div class="form-group">
                        <label class="cla-form-label">{{__('obs.end_date')}}</label>
                        <input type="text" class="form-control cl-form-control fd_bs_datepicker" name="end_date" value="" id="end_date" required>

                    </div>
                </div>
                <div class='col-md-3'>
                    <label class="w-100">&nbsp;</label>
                    <button style="" class='btn btn-sm cl-btn btn-primary'>{{__('obs.search')}}</button>
                </div> 
            </div>
            </form>
        </div>
    </div>

    <div class="card mt-2">       
        <div class="card-body">
            <h4 class="font-weight-bold text-center">{{__('obs.payment')}} {{__('obs.voucher')}} {{__('obs.list')}}</h4>
            <div class="cl-table-container mt-2">
                <div class="table-responsive" id="print">
                    <table class="table cl-table table-bordered table-hover" id="datatable_apply">
                        <thead>
                            <tr>
                                <th>{{__('obs.sl')}}</th>
                                <th>{{__('obs.posting_by')}}</th>
                                <th>{{__('obs.invoice')}}</th>
                                <th>{{__('obs.date')}}</th>
                                <th>{{__('obs.total_amount')}}</th>
                                <th>{{__('obs.action')}}</th>
                                {{-- <th>Approve</th> --}}
                            </tr>
                        </thead>
                        <tbody>
                            @if (!empty($payment_vouchers))
                            @php $i =1 ;$total_payment =0;@endphp
                                @foreach ($payment_vouchers as $payment_voucher) 
                                @php $total_payment +=$payment_voucher->amount;@endphp 
                                    <tr>
                                        <td>{{$i++}}</td>
                                        <td>{{$payment_voucher->user->name}}</td>
                                        <td>{{$payment_voucher->fd_invoice->invoice_no}}</td>
                                        <td>{{$payment_voucher->created_at->format("d-m-Y")}}</td>
                                        <td>{{$payment_voucher->amount}}</td>
                                        <td>
                                            <a href="{{route('frontdesk.receipt.partial_receive_print',['invoice'=>$payment_voucher->id])}}" class="btn btn-sm btn-primary" target="_blank"><i class="fa fa-print" aria-hidden="true"></i></a>
                                        </td>
                                    </tr>
                                @endforeach

                                <tr>
                                    <td colspan="4">Total</td>
                                    <td class="text-end"><b>{{$total_payment}}</b></td>
                                    <td></td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>

            </div>
        </div>
    </div>
@endsection


@section('script')
    <script>
   $(document).ready(function() {
        $('#datatable_apply').dataTable({
            // "paging": false,
            // "ordering": false,
            // dom: 'Bfrtip',
            // buttons: [
            //     'print', 'excel'
            // ]

            
        });
    });
    </script>
@endsection