@extends('../layout/' . $layout)

@section('subhead')
<title>Atarud MIS - Edit Bill Payments</title>
<link href="{{ asset('dist/css/dataTables.min.css') }}" rel="stylesheet">
@endsection
<link rel="stylesheet" href="{{ asset('dist/persianDatepicker/css/persianDatepicker-default.css') }}" />
@section('subcontent')


<div class="flex items-center mt-8">
    <h2 class="intro-y text-lg font-medium mr-auto">Edit Bill Payments</h2>
</div>



<div class="container">
    <div class="row">
        <div class="flex-1 mt-6 xl:mt-0">
            <form action="{{route('bill.payment.update')}}" method="post" enctype="multipart/form-data">
                @csrf
                @method('post')
                <input type="hidden" name="id" value="{{$bill->id}}">
                <div class="box font-medium text-base border-b border-slate-200/60 dark:border-darkmode-400 p-6 ">
                    Edit Bill Details
                </div>
                <div class="sm:grid grid-cols-4 gap-2 box p-8">

                    <div class="input-group">
                        <select name="bill_id" class="form-control" value="{{ old('bill_id') }}">
                            <option value="">Select Bill</option>
                                @foreach ($bills as $row)
                                <option value="{{ $row->id }}" @if($row->id == $bill->bill_id) selected @endif>
                                    {{ $row->description }}
                                </option>
                                @endforeach
                        </select>
                    </div>
                    <div class="input-group">
                        <input type="text" value="{{$bill->payment_date}}" class="form-control pdpF2" name="payment_date" />
                    </div>
                </div>
                <div class="box font-medium text-base border-b border-slate-200/60 dark:border-darkmode-400 p-8 mt-4 ">
                    Payments                  
                </div>
                <div class="overflow-x-auto box p-8">

                    <table class="table table-sm">
                        <thead>
                            <tr>                            
                                <th>Year</th>
                                <th>Month</th>
                                <th>Description</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>                            
                                <td> <select class="form-control" name="bill_year">
                                    @for($i = 1400; $i < 1450; $i++)
                                        <option  @if($i == $bill->bill_year) selected @endif>{{$i}}</option>
                                    @endfor    
                                </select></td>
                                <td> <select class="form-control" name="bill_month">
                                    <option value="1" @if($bill->bill_month == 1) selected @endif>حمل</option>
                                    <option value="2" @if($bill->bill_month == 2) selected @endif>ثور</option>
                                    <option value="3" @if($bill->bill_month == 3) selected @endif>جوزا</option>
                                    <option value="4" @if($bill->bill_month == 4) selected @endif>سرطان</option>
                                    <option value="5" @if($bill->bill_month == 5) selected @endif>اسد</option>
                                    <option value="6" @if($bill->bill_month == 6) selected @endif>سنبله</option>
                                    <option value="7" @if($bill->bill_month == 7) selected @endif>میزان</option>
                                    <option value="8" @if($bill->bill_month == 8) selected @endif>عقرب</option>
                                    <option value="9" @if($bill->bill_month == 9) selected @endif>قوس</option>
                                    <option value="10" @if($bill->bill_month == 10) selected @endif>جدی</option>
                                    <option value="11" @if($bill->bill_month == 11) selected @endif>دلو</option>
                                    <option value="12" @if($bill->bill_month == 12) selected @endif>حوت</option>
                                </select></td>
                                <td> <input type="text" class="form-control" placeholder="Enter Description"
                                        name="description" value="{{$bill->description}}"/></td>
                            </tr>
                        </tbody>

                    </table>
                    <button type="submit" class="btn btn-primary mt-5" style="float: right;">Save</button>
            </form>

        </div>

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

@endsection


@section('script')
<script src="{{ asset('dist/js/jquery.js') }}"></script>
<script src="{{ asset('dist/persianDatepicker/js/persianDatepicker.js') }}"></script>
<script>
        $(".pdpF2").persianDatepicker({
            months: ["حمل", "ثور", "جوزا", "سرطان", "اسد", "سنبله", "میزان", "عقرب", "قوس", "جدی", "دلو", "حوت"],
            dowTitle: ["شنبه", "یکشنبه", "دوشنبه", "سه شنبه", "چهارشنبه", "پنج شنبه", "جمعه"],
            shortDowTitle: ["ش", "ی", "د", "س", "چ", "پ", "ج"],
            showGregorianDate: !1,
            persianNumbers: !0,
            formatDate: "YYYY/MM/DD",
            selectedBefore: !1,
            selectedDate: null,
            startDate: null,
            endDate: null,
            prevArrow: '\u25c4',
            nextArrow: '\u25ba',
            theme: 'default',
            alwaysShow: !1,
            selectableYears: null,
            selectableMonths: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
            cellWidth: 25, // by px
            cellHeight: 20, // by px
            fontSize: 13, // by px
            isRTL: !1,
            calendarPosition: {
                x: 0,
                y: 0,
            },
            onShow: function () {},
            onHide: function () {},
            onSelect: function () {},
            onRender: function () {}
    });
 
</script>
 
@endsection