@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">
        <div class="card-header d-flex justify-content-between align-items-center text-white bg-dark">
            <div>
                <h5 class="font-weight-bold mb-0">Refund Voucher</h5>
            </div>
            <div>
                <a href="{{route('frontdesk.payment_voucher.create')}}" class="btn btn-sm btn-success">Add Payment Voucher</a>
         </div>
        </div>

        <div class="card-body" style="padding: 0 15px !important"> 
            @if (count($errors) > 0)
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            {{ Form::open(['route' => ['frontdesk.payment_voucher'], 'method' => 'get', 'class' => 'form-horizontal']) }}
            <div class='row'>
                {{-- <div class='col-md-2'>
                    <div class="form-group">

                        <h6 class="">Status</h6>
                        {{ Form::select('status', ['1' => 'Pending', '2' => 'Approved'], null, ['class' => 'form-control', 'id' => 'party_id', 'placeholder' => 'Select Status']) }}
                    </div>
                </div> --}}
                <div class='col-md-3'>
                    <div class="form-group">
                        <h6 class="">Date From </h6>
                        <input type="text" class="form-control fd_bs_datepicker" name="start_date" value="" id="start_date" required>

                    </div>
                </div>
                <div class='col-md-3'>
                    <div class="form-group">
                        <h6 class="">Date To</h6>
                        <input type="text" class="form-control fd_bs_datepicker" name="end_date" value="" id="end_date" required>

                    </div>
                </div>
                <div class='col-md-3 mt-4'>
                    <div class="form-group">
                        <button style="margin-top:5px" class='btn btn-sm btn-danger'>Search</button>

                    </div>
                </div>
               

            </div>
    

            {{ Form::close() }}
        </div>

    </div>


    <div class="card ">
       
        <div class="card-body">

            <h4 class="font-weight-bold text-center">Refund Voucher List</h4>
              
            <div class="d-flex flex-wrap">
                <div class="table-responsive" id="print">
                    <table class="table table-bordered table-hover"  id="datatable_apply">
                        <thead class="mt-3">
                            <tr>
                                <th>SL</th>
                                <th>Posting By</th>
                                <th>Invoice</th>
                                <th>Date</th>
                                <th>Total Amount</th>
                                {{-- <th>Approve</th> --}}
                               
                            </tr>
                        </thead>
                        <tbody>
                            @if (!empty($payment_vouchers))
                            @php $i =1 @endphp
                                @foreach ($payment_vouchers as $payment_voucher)

                                    <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></td> --}}
                                    </tr>
                                @endforeach
                            @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