@extends('layouts.side_bar')

@section('content')
    @if (isset($errors) && $errors->any)
        @foreach($errors->all() as $e)
            {{$e}}
        @endforeach

    @endif





    <hr>
    <div class="table-responsive">
        <table class="table border text-nowrap">
                        @foreach($d as$da)
                <tr >
                    @if($i==0)
                        <thead  >
                        @for ($l = 0; $l < $h; $l++)
                            <th class="table-info  "  scope="col">{{ $da[$l]}}</th>

                        @endfor
                        </thead>
                        
                    @else

                        @for ($k = 0; $k < $h; $k++)
                            <td >{{ $da[$k]}}</td>

                        @endfor
                                        </tr>

                @if($i>=11)
                    @break
                @endif

                @endif
            @endforeach
        </table>
    </div>
    <br>

    {{----}}







    {{--    --}}
    <form method="post" action="{{ route('storePayment') }}" enctype="multipart/form-data">
        @csrf
        <br>

        <br>
        <hr>
        {{----}}
        <div class="col  text-center">

            <div class="card shadow-lg ">
                <div class="card shadow ">
                    <div class="card-header font-weight-bold bg-warning">Map Payment Information</div>
                    <div class="card-body text-dark ">
                        <div class="  row ">

                            <div class="col font-weight-bold">
{{--                                Account Number1 :--}}
                                <label class="font-weight-bold d-inline m-1" for="firstname" >Account Number</label><input  type="checkbox" name="refType" value="AccountNo" required checked >
                                <label class="font-weight-bold d-inline m-1" for="firstname">Card No</label><input  type="checkbox" name="refType" value="CardNo" >

                                <label class="font-weight-bold d-inline m-1" for="firstname">Client Ref No</label><input  type="checkbox" name="refType" value="ClientRefNo" >

                                <br>

                            </div>
                            <div class="col">
                                <select class="form-control" name="accountNumber">

                                    <option value="xx">null </option>

                                    @foreach($head as $hd)
                                        {{--            {{$hd}}<br>--}}

                                        <option value="{{$hd}} ">{{$hd}} </option>

                                    @endforeach

                                </select>

                                <br>

                            </div>
                        </div>
                        {{--row--}}
                        <div class="row">
                            <div class="col font-weight-bold">
                                Paid Amount : <br>

                            </div>
                            <div class="col">
                                <select class="form-control  " name="paidAmount">


                                    <option value="xx">null </option>
                                    @foreach($head as $hd)
                                        {{--            {{$hd}}<br>--}}

                                        <option value="{{$hd}} ">{{$hd}} </option>

                                    @endforeach

                                </select>

                                <br>

                            </div>
                        </div>

                        {{--row--}}
                        <div class="row">
                            <div class="col font-weight-bold">
                                Paid Date : <br>

                            </div>
                            <div class="col">
                                <select class="form-control" name="paidDate">

                                    <option value="xx">null </option>
                                    @foreach($head as $hd)
                                        {{--            {{$hd}}<br>--}}

                                        {{--                <option value="{{4}} ">{{$hd}} </option>--}}
                                        <option value="{{$hd}} ">{{$hd}} </option>

                                    @endforeach

                                </select>

                                <br>

                            </div>
                        </div>
                        {{--row--}}

                        <div class="row">
                            <div class="col font-weight-bold">
                                Paid By : <br>

                            </div>
                            <div class="col">
                                <select class="form-control" name="paidBy">

                                    <option value="xx">null </option>
                                    @foreach($head as $hd)
                                        {{--            {{$hd}}<br>--}}

                                        {{--                <option value="{{5}} ">{{$hd}} </option>--}}
                                        <option value="{{$hd}} ">{{$hd}} </option>

                                    @endforeach

                                </select>

                                <br>

                            </div>
                        </div>
                        {{--row--}}
                        <br><hr>
                        {{--                    --}}


                        <div class="row">
                            <div class="col font-weight-bold">
                                Payment Type  : <br>

                            </div>
                            <div class="col">
                                <select class="form-control" name="paymentType">


                                    <option value="xx">null </option>
                                    @foreach($head as $hd)
                                        {{--            {{$hd}}<br>--}}

                                        {{--                <option value="{{6}} ">{{$hd}} </option>--}}
                                        <option value="{{$hd}} ">{{$hd}} </option>

                                    @endforeach

                                </select>

                                <br>

                            </div>
                        </div>



                    </div>


                </div></div></div>

        <input type="hidden" value="{{$file}}" name="file">
        <br><br>
        <div style="text-align: center;">
            <input type="submit" name="upload_file" id="upload_file" class="btn btn-lg btn-success" value="Upload" />
            <a href="{{url('/cancel-import/'.$file.'/payment ')}}"  id="upload_file" class="btn btn-lg btn-danger" >Cancel</a>
        </div>
    </form>
    <script> $('input[type="checkbox"]').on('change', function() {
            $(this).siblings('input[type="checkbox"]').prop('checked', false).prop('required',false);
        });</script>
@endsection