@extends('layouts.admin.index')
@section('content')

<div class="row row-sm">
    <div class="col-md-3 col-xl-12 col-xs-12 col-sm-12">
        <div class="card border custom-card">
            <div class="card-header custom-card-header">
                <h5 class="main-content-label mb-0">
                    @isset($booking)
                    {{ trans('cruds.update_booking') }}
                    @else
                    {{ trans('cruds.create_booking') }}
                    @endisset
                </h5>
                <div class="card-options">
                    <a href="javascript:;" class="card-options-collapse py-0" data-bs-toggle="card-collapse"><i
                            class="fe fe-chevron-up"></i></a>
                    <a href="javascript:;" class="card-options-fullscreen py-0" data-bs-toggle="card-fullscreen"><i
                            class="fe fe-maximize"></i></a>
                    <a href="javascript:;" class="card-options-remove py-0" data-bs-toggle="card-remove"><i
                            class="fe fe-x"></i></a>
                </div>
            </div>
            <div class="card-body">
                <form id="bookingForm" action='{{ route("admin.booking.store") }}' method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-md-6">
                            <label class="form-label">{{__('cruds.file_no')}}
                            </label>
                            <input type="text"
                                class="form-control unique_code  {{ $errors->has('file_no') ? 'is-invalid' : '' }}"
                                name="file_no" id="file_no" placeholder="{{__('cruds.file_no')}}" value="{{ isset($booking)?$booking->file_no:'' }}"  data-model="Booking" data-prefix="" data-update_id="{{ isset($booking) ? $booking->file_no : 0 }}" >
                            @if($errors->has('file_no'))
                            <em class="invalid-feedback">
                                {{ $errors->first('file_no') }}
                            </em>
                            @endif
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">{{__('cruds.booking_date')}}
                            </label>
                            <input type="date"
                                class="form-control  {{ $errors->has('booking_date') ? 'is-invalid' : '' }}"
                                name="booking_date" id="booking_date" placeholder="{{__('cruds.booking_date')}}" value="{{ isset($booking)?$booking->booking_date:date('Y-m-d') }}">
                            @if($errors->has('booking_date'))
                            <em class="invalid-feedback">
                                {{ $errors->first('booking_date') }}
                            </em>
                            @endif
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">{{__('cruds.customer_name')}} (<span class="required">*</span>)</label>
                            <select class="form-control select2  {{ $errors->has('customer_id') ? 'is-invalid' : '' }}"
                                name="customer_id" id="customer_id"  required>
                                <option value="">{{ __('cruds.select') }}</option>
                                @foreach ($customers as $customer)
                                    <option value="{{ $customer->id }}" @if(isset($booking)) @if($booking->customer_id == $customer->id) {{ 'selected' }} @endif @endif>{{ $customer->customer_code }} - {{ $customer->full_name }}</option>
                                @endforeach
                            </select>
                            @if($errors->has('customer_id'))
                            <em class="invalid-feedback">
                                {{ $errors->first('customer_id') }}
                            </em>
                            @endif
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">{{__('cruds.project_name')}} (<span class="required">*</span>)</label>
                            <select class="form-control select2  {{ $errors->has('project_id') ? 'is-invalid' : '' }}"
                                name="project_id" id="project_id"  required onchange="loadChild('blocks',[['project_id','=',this.value]],'id','block_name','id','asc','{{ trans('cruds.select') }}','','#block_id')">
                                {!! options('projects', [], [], 'id', 'project_name', 'id', 'asc',
                                trans('cruds.select'), isset($booking)?$booking->project_id:0) !!}
                            </select>
                            @if($errors->has('project_id'))
                            <em class="invalid-feedback">
                                {{ $errors->first('project_id') }}
                            </em>
                            @endif
                        </div>
                        <div class="col-md-6">
                            @php
                                $where = [] ;
                                if(isset($booking)){
                                    $where[] = ['project_id','=',$booking->project_id];
                                }else{
                                    $where[] = ['id','=',-1];
                                }
                            @endphp
                            <label class="form-label">{{__('cruds.block_name')}} (<span class="required">*</span>)</label>
                            <select class="form-control select2  {{ $errors->has('project_id') ? 'is-invalid' : '' }}"
                                name="block_id" id="block_id"  required onchange="loadChild('roads',[['block_id','=',this.value]],'id','road_name','id','asc','{{ trans('cruds.select') }}','','#road_id')">
                                {!! options('blocks', $where, [], 'id', 'block_name', 'id', 'asc',
                                trans('cruds.select'), isset($booking)?$booking->block_id:0) !!}
                            </select>
                            @if($errors->has('block_id'))
                            <em class="invalid-feedback">
                                {{ $errors->first('block_id') }}
                            </em>
                            @endif
                        </div>
                        <div class="col-md-6">
                            @php
                                $where = [] ;
                                if(isset($booking)){
                                    $where[] = ['block_id','=',$booking->block_id];
                                }else{
                                    $where[] = ['id','=',-1];
                                }
                            @endphp
                            <label class="form-label">{{__('cruds.road_name')}} (<span class="required">*</span>)</label>
                            <select class="form-control select2  {{ $errors->has('project_id') ? 'is-invalid' : '' }}"
                                name="road_id" id="road_id"  required onchange="loadChild('plots',[['road_id','=',this.value],['booked_status','=','Available']],'id','plot_no','id','asc','{{ trans('cruds.select') }}','','#plot_id')">
                                {!! options('roads', $where, [], 'id', 'road_name', 'id', 'asc',
                                trans('cruds.select'), isset($booking)?$booking->road_id:0) !!}
                            </select>
                            @if($errors->has('road_id'))
                            <em class="invalid-feedback">
                                {{ $errors->first('road_id') }}
                            </em>
                            @endif
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">{{__('cruds.plot_facing')}} (<span class="required">*</span>)
                            </label>

                            <select name="plot_facing" id="plot_facing" required class="form-control select2 {{ $errors->has('plot_facing') ? 'is-invalid' : '' }}" onchange="loadChild('plots',[['project_id','=',$('#project_id').val()],['block_id','=',$('#block_id').val()],['road_id','=',$('#road_id').val()],['plot_facing','=',this.value],['booked_status','=','Available']],'id','plot_no','plot_no','asc','{{ trans('cruds.select_plot_no') }}',0,'#plot_id')">
                                {!! option(plotFacing(),trans('cruds.select'),isset($plot)?$plot->plot_facing:'') !!}
                            </select>
                            @if($errors->has('plot_facing'))
                            <em class="invalid-feedback">
                                {{ $errors->first('plot_facing') }}
                            </em>
                            @endif
                        </div>
                         <div class="col-md-6">
                            <label class="form-label">{{__('cruds.plot_type')}} (<span class="required">*</span>)</label>
                            <select class="form-control select2  {{ $errors->has('plot_type') ? 'is-invalid' : '' }}"
                                name="plot_type" id="plot_type" onchange="loadChild('plots',[['project_id','=',$('#project_id').val()],['block_id','=',$('#block_id').val()],['road_id','=',$('#road_id').val()],['plot_facing','=',$('#plot_facing').val()],['booked_status','=','Available'],['plot_type','=',this.value]],'id','plot_no','plot_no','asc','{{ trans('cruds.select_plot_no') }}',0,'#plot_id')"  required>
                                {!! options('project_type_names', [], [], 'id', 'type_name', 'id', 'asc',
                                trans('cruds.select'), isset($plot)?$plot->plot_type:0) !!}
                            </select>
                            @if($errors->has('plot_type'))
                            <em class="invalid-feedback">
                                {{ $errors->first('plot_type') }}
                            </em>
                            @endif
                        </div>
                        <div class="col-md-6">
                            @php
                                $where = [] ;
                                if(isset($booking)){
                                    $where[] = ['road_id','=',$booking->road_id];
                                }else{
                                    $where[] = ['id','=',-1];
                                }
                            @endphp
                            <label class="form-label">{{__('cruds.plot_no')}} (<span class="required">*</span>)</label>
                            <select class="form-control select2  {{ $errors->has('project_id') ? 'is-invalid' : '' }}"
                                name="plot_id" id="plot_id"  required>
                                {!! options('plots', $where, [], 'id', 'plot_no', 'id', 'asc',
                                trans('cruds.select'), isset($booking)?$booking->plot_id:0) !!}
                            </select>
                            @if($errors->has('plot_id'))
                            <em class="invalid-feedback">
                                {{ $errors->first('plot_id') }}
                            </em>
                            @endif
                        </div>
                        <div class="col-md-12 justify-content-center d-flex" id="content">
                            @isset($booking)
                                <table class="table table-bordered mt-4" style="width:50%">
                                    <tbody>
                                        <tr>
                                            <th style="width:100px;">{{ __('cruds.plot_facing') }}</th>
                                            <td>
                                                @isset($booking)
                                                    {{ isset($booking->plot)?$booking->plot->plot_facing:'' }}
                                                @endisset
                                            </td>
                                            <th style="width:110px;">{{ __('cruds.plot_type') }}

                                                <input type="hidden" name="plot_type" value="{{ isset($booking)?(isset($booking->plot)?$booking->plot->plot_facing:''):'' }}"></th>
                                            <td>{{ isset($booking)?(isset($booking->plot)?$booking->plot->type->type_name:''):'' }}</td>
                                        </tr>
                                        <tr>
                                            <th>{{ __('cruds.plot_size') }}</th>
                                            <td>{{ isset($booking)?(isset($booking->plot)?$booking->plot->plot_size:''):'' }}</td>
                                            <th>{{ __('cruds.plot_price') }} (<span class="required">*</span>)</th>
                                            <td><input type="number" name="plot_price" class="form-control" value="{{ isset($booking)?$booking->plot_price:'' }}" required></td>
                                        </tr>
                                    </tbody>
                                </table>
                            @endisset
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-3 mt-4">
                            <input type="hidden" name="update_id" id="update_id"  value="{{ isset($booking)?$booking->id:0 }}">
                            <button class="btn ripple btn-warning update" type="submit">{{__('cruds.submit')}}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
@parent
<script>
    validateSummernote('bookingForm');

    $(document).on('change','#plot_id',function(){
        let plot_id,content,where = [];
        plot_id = $(this).val();

        where.push(['id','=',plot_id]);
        response = getData('/crud/get','Plot',where,'first',['type']);

        content = `<table class="table table-bordered mt-4" style="width:50%">
                        <tbody>
                            <tr>
                                <th style="width:100px;">{{ __('cruds.plot_facing') }}</th>
                                <td>${response.plot_facing}</td>
                                <th style="width:110px;">{{ __('cruds.plot_type') }}
                                    <input type="hidden" name="plot_type" vale="${response.plot_type}"></th>
                                <td>${response.type.type_name}</td>
                            </tr>
                            <tr>
                                <th>{{ __('cruds.plot_size') }}</th>
                                <td>${response.plot_size} Katha</td>
                                <th>{{ __('cruds.plot_price') }} (<span class="required">*</span>)</th>
                                <td><input type="number" name="plot_price" class="form-control" value="${response.plot_price}" required></td>
                            </tr>
                        </tbody>
                    </table>`;
        $('#content').html(content);
    })
</script>

@endsection