@extends('layouts.default')

@section('content')

    <!--begin::Dashboard-->
    <!--begin::Row-->
    <div class="row">

        <div class="col-lg-12 col-xxl-4 order-1 order-xxl-2">
            <!--begin::Card-->
            <div class="card card-custom gutter-b example example-compact">
                <div class="card-header">
                    <h3 class="card-title">Edit Service Charge</h3>
                </div>

                <!--begin::Form-->
                <form class="form" method="POST" action="{{route('service-charges.update', $serviceCharge->id)}}" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')
                    <div class="card-body">
                        <div class="mb-1">
                            <div class="row">
                                <div class="col-lg-9">
                                    <div class="form-group row">
                                        <label class="col-lg-3 col-form-label">Building <span class="text-danger">*</span></label>
                                        <div class="col-lg-6">
                                            <select class="form-control @error('building_id') is-invalid @enderror" id="building" name="building_id" required>
                                                <option value="">--Please Select--</option>
                                                {!! select($buildings->toArray(), old('building_id', $serviceCharge->building->id)) !!}
                                            </select>
                                            @error('building_id')
                                            <div class="invalid-feedback">{{ $errors->first('building_id') }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-3 col-form-label">Flat Number <span class="text-danger">*</span></label>
                                        <div class="col-lg-6">
                                            <select class="form-control @error('flat_id') is-invalid @enderror" id="flat-id" name="flat_number_id" required>
                                                <option value="">--Please Select--</option>
                                            </select>
                                            @error('flat_id')
                                            <div class="invalid-feedback">{{ $errors->first('flat_id') }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-3 col-form-label">Year & Month <span class="text-danger">*</span></label>
                                        <div class="col-lg-3">
                                            <select class="form-control @error('year') is-invalid @enderror" id="year" name="year" required>
                                                <option value="">--Select Year--</option>
                                                {!! select(getYears(), old('year', $charge_year)) !!}
                                            </select>
                                            @error('year')
                                            <div class="invalid-feedback">{{ $errors->first('year') }}</div>
                                            @enderror
                                        </div>
                                        <div class="col-lg-3">
                                            <select class="form-control @error('month') is-invalid @enderror" id="month" name="month" required>
                                                <option value="">--Select Month--</option>
                                                {!! select(getMonths(), old('month', $charge_month)) !!}
                                            </select>
                                            @error('month')
                                            <div class="invalid-feedback">{{ $errors->first('month') }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-3 col-form-label">Amount Receive Date <span class="text-danger">*</span></label>
                                        <div class="col-lg-6">
                                            <input type="date" name="received_date" class="form-control @error('received_date') is-invalid @enderror" value="{{old('received_date', $serviceCharge->received_date)}}" placeholder="Amount Receive Date" />
                                            @error('received_date')
                                            <div class="invalid-feedback">{{ $errors->first('received_date') }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-3 col-form-label">Amount <span class="text-danger">*</span></label>
                                        <div class="col-lg-6">
                                            <input type="number" name="amount" min="1" class="form-control @error('amount') is-invalid @enderror" value="{{old('amount', $serviceCharge->amount)}}" placeholder="Amount" />
                                            @error('amount')
                                            <div class="invalid-feedback">{{ $errors->first('amount') }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-3 col-form-label">Paid By <span class="text-danger">*</span></label>
                                        <div class="col-lg-6">
                                            <input type="text" name="paid_by" class="form-control @error('paid_by') is-invalid @enderror" value="{{old('paid_by', $serviceCharge->paid_by)}}" placeholder="Paid By" />
                                            @error('paid_by')
                                            <div class="invalid-feedback">{{ $errors->first('paid_by') }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-3 col-form-label">Memo Number</label>
                                        <div class="col-lg-6">
                                            <input type="text" name="memo_number" class="form-control @error('memo_number') is-invalid @enderror" value="{{old('memo_number', $serviceCharge->memo_number)}}" placeholder="Paid By" />
                                            @error('memo_number')
                                            <div class="invalid-feedback">{{ $errors->first('memo_number') }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-3 col-form-label">Remarks</label>
                                        <div class="col-lg-6">
                                            <input type="text" name="remarks" class="form-control @error('remarks') is-invalid @enderror" value="{{old('remarks', $serviceCharge->remarks)}}" placeholder="Remarks" />
                                            @error('remarks')
                                            <div class="invalid-feedback">{{ $errors->first('remarks') }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-3 col-form-label">Status</label>
                                        <div class="col-lg-6">
                                            <select class="form-control @error('status') is-invalid @enderror" id="status" name="status">
                                                {!! select(userStatus(), $serviceCharge->status) !!}
                                            </select>
                                            @error('status')
                                            <div class="invalid-feedback">{{ $errors->first('status') }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-3 col-form-label">Attachment</label>
                                        <div class="col-lg-6">
                                            <input type="file" name="attachment_file" class="form-control @error('attachment') is-invalid @enderror" value="{{old('attachment')}}" placeholder="Remarks" />
                                            @error('attachment')
                                            <div class="invalid-feedback">{{ $errors->first('attachment') }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3">
                                    <h4>Flat Information</h4>
                                    <div id="flat-info">
                                        <p>Flat Number: {{$serviceCharge->flat->flat_number}}</p>
                                        <p>Flat Owner: {{$serviceCharge->flat->owner_name}}</p>
                                        <p>Floor: {{$serviceCharge->flat->floor}}</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="card-footer">
                        <div class="row">
                            <div class="col-lg-3"></div>
                            <div class="col-lg-6">
                                <button type="submit" class="btn btn-success mr-2">Submit</button>
                                <button type="reset" class="btn btn-secondary">Cancel</button>
                            </div>
                        </div>
                    </div>
                </form>
                <!--end::Form-->
            </div>
            <!--end::Card-->
        </div>
    </div>
    <!--end::Row-->


@endsection

@push('scripts')
    <script>
        $('#building').change(function (){
            if ($(this).val() != ''){
                buildingId = $(this).val();
                flatId = '{{$serviceCharge->flat_number_id}}';
                $.get( "{{route('flats.list')}}", {building_id : buildingId}, function(data) {
                    optionHtml = '<option value="">--Please Select--</option>';
                    if (data != '') {
                        for(i in data) {
                            row = data[i];
                            selected = (i == flatId) ? 'selected' : '';
                            optionHtml += '<option value="'+i+'" '+selected+'>'+row+'</option>';
                        }
                    }
                    $("#flat-id").html(optionHtml);
                });
            }

        });

        $('#flat-id').change(function (){
            if ($(this).val() != ''){
                flatId = $(this).val();
                $.get( '{{url('flats/get-flat')}}'+'/'+flatId, function(data) {
                    flatHtml = '';
                    if (data != '') {
                        flatHtml = '<p>Flat Number: '+data.flat_number+'</p>';
                        flatHtml += '<p>Flat Owner: '+data.owner_name+'</p>';
                        flatHtml += '<p>Floor: '+data.floor+'</p>';
                    }

                    $('#flat-info').html(flatHtml);
                });
            }
        });

        $('#building').trigger('change');

    </script>
@endpush