@extends('layouts.view')
@section('title',trans('lang.bills_payments'))

@section('links')
    <link href="{{asset('/plugins/select2/select2.min.css')}}" rel="stylesheet" type="text/css"/>
@endsection
@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="page-title-box">
                    <div class="float-right">
                        <a class="btn btn-primary"
                           href="{{ route('Bill_Payments.index') }}"> {{trans('lang.back')}}</a>
                    </div>
                    <h4 class="page-title">{{trans('lang.bills_payments')}}</h4>
                </div><!--end page-title-box-->
            </div><!--end col-->
        </div><!--end row-->
        <div class="col-12">
            <div class="card">
                @if (count($errors) > 0)
                    <div class="alert alert-danger">
                        <strong>Whoops!</strong> There were some problems with your input.<br><br>
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                <div class="card-body">
                    <form
                        action="{{ isset($Bill_Payment) ? route('Bill_Payments.update',$Bill_Payment->id):route('Bill_Payments.store')}}"
                        method="POST" enctype="multipart/form-data">
                        @csrf
                        @if(isset($Bill_Payment))
                            @method('PUT')
                        @endif
                            <input type="hidden" id="bill_id" name="bill_id" value="{{$Bill->id}}">
                            <div class="form-group row">
                            <div class="col-md-4">
                                <label class="mb-3">{{trans('lang.sadad_number')}}</label>
                                <input type="text" name="sadad_number" value="{{isset($Bill) ? $Bill->sadad_number:''}}" disabled class="form-control">
                            </div>   </div>
                        <div class="form-group m-form__group row">
                            <div class="col-12">
                                <label style="font-size:14px;">
                                    {{trans('lang.payments')}}:
                                </label>
                            </div>
                        </div>
                        <div class="">
                                <fieldset>
                                    <div class="repeater-default ">
                                        <div data-repeater-list="payments">
                                            @if(isset($Bill->payments))
                                                                                                @foreach($Bill->payments as $payments)
                                                    <div data-repeater-item="">
                                                        <input type="hidden" name="payment_id" id="payment_id" value="{{$payments->id}}">
                                                        <div class="form-group row d-flex align-items-end  col-md-12">
                                                            <div class="form-group col-md-3">
                                                                <label class="mb-3">{{trans('lang.total_amount')}}</label>
                                                                <input type="text" id="amount" name="amount" value="{{isset($payments) ? $payments->amount+$payments->vat:''}}" placeholder="{{trans('lang.total_amount')}} ..." class="form-control">
                                                            </div>

                                                            <div class="form-group col-md-3">
                                                                <label for="example-date-input"
                                                                       class=" col-form-label text-right">{{trans('lang.the_date')}}</label>
                                                                <input class=" form-control" type="date" value="{{isset($payments) ? $payments->the_date:''}}" name="the_date"
                                                                       id="the_date" >
                                                            </div>
                                                            <div class="form-group col-md-3">
                                                                <label class="mb-3">{{trans('lang.payment_attachment')}}</label>
                                                                <input type="file" id="payment_attachment" name="payment_attachment"   placeholder="{{trans('lang.payment_attachment')}} ..." class="form-control">
                                                            </div>
                                                            <div class="form-group col-md-3">
                                                                <label class="mb-3">{{trans('lang.remarks')}}</label>
                                                                <textarea class="form-control" id="remarks" name="remarks">{{isset($payments) ? $payments->remarks:''}} </textarea>
                                                            </div>
                                                                                                                        <div class="col-sm-3"  style="padding-bottom: 30px;">
                                                                <span data-repeater-delete=""
                                                                      class="btn btn-gradient-danger btn-sm">
                                                                    <span class="far fa-trash-alt mr-1"></span> {{trans('lang.delete')}}
                                                                </span>
                                                            </div><!--end col-->

                                                        </div><!--end row-->
                                                        <hr>
                                                    </div>
                                                @endforeach
                                            @endif
                                            <div data-repeater-item="">
                                                <div class="form-group row d-flex align-items-end">
                                                    <input type="hidden" name="payment_id" id="payment_id" value="">
                                                    <div class="form-group col-md-4">
                                                        <label class="mb-3">{{trans('lang.total_amount')}}</label>
                                                        <input type="text" id="amount" name="amount"   placeholder="{{trans('lang.total_amount')}} ..." class="form-control">
                                                    </div>
                                                    <div class="form-group col-md-4">
                                                        <label for="example-date-input"
                                                               class=" col-form-label text-right">{{trans('lang.the_date')}}</label>
                                                        <input class=" form-control" type="date" name="the_date"
                                                               id="the_date" >
                                                    </div>
                                                    <div class="form-group col-md-4">
                                                        <label class="mb-3">{{trans('lang.remarks')}}</label>
                                                        <textarea class="form-control" id="remarks" name="remarks"></textarea>
                                                    </div>
                                                    <div class="form-group col-md-4">
                                                        <label class="mb-3">{{trans('lang.payment_attachment')}}</label>
                                                        <input type="file" id="payment_attachment" name="payment_attachment"   placeholder="{{trans('lang.payment_attachment')}} ..." class="form-control">
                                                    </div>
                                                    <div class="col-sm-2">
                                                                <span data-repeater-delete=""
                                                                      class="btn btn-gradient-danger btn-sm">
                                                                    <span class="far fa-trash-alt mr-1"></span> {{trans('lang.delete')}}
                                                                </span>
                                                    </div><!--end col-->

                                                </div><!--end row-->
                                                <hr>
                                            </div><!--end /div-->
                                        </div><!--end repet-list-->
                                        <div class="form-group mb-0 row inline">
                                            <div class="col-sm-12">
                                                        <span data-repeater-create=""
                                                              class="btn btn-gradient-secondary">
                                                            <span class="fas fa-plus"></span> Add
                                                        </span>
                                            </div><!--end col-->
                                        </div><!--end row-->
                                    </div> <!--end repeter-->
                                </fieldset><!--end fieldset-->

                            </div>

                            <div class="col-xs-12 col-sm-12 col-md-12 text-center">

                                    <button type="submit" class="btn btn-primary">{{trans('lang.submit')}}</button>
                            </div>
                    </form>
                </div>
            </div>
        </div> <!-- end col -->
    </div>
@endsection
@section('scripts')
    <script src="{{asset('/plugins/select2/select2.min.js')}}"></script>
    <script src="{{ asset('plugins/repeater/jquery.repeater.min.js') }}"></script>
    <script src="{{ asset('assets/pages-material/jquery.form-repeater.js') }}"></script>
    <script>
        // Select2
        $(".select2").select2({
            width: '100%'
        });
    </script>
@endsection