@extends('admin.layouts.master')

@section('title', 'Add Referral')

@section('content')
    <div class="text-center my-3">
        <h3 class="font-weight-bold">Add Referral / اضافةاحالة</h3>
    </div>
    <div>
        <form class="d-flex flex-wrap justify-content-around align-items-center" action="{{ route('admin.postAddReferral') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <input type="text" hidden class="d-none" name="referalAcount_id" value="{{ $id }}">
            <div class="col-12">
                <div class="form-group p-2 col-12 col-md-4 mx-auto">
                    <label class="custlabel">Referral Type / نوع الاحالة<strong class="text-danger">*</strong></label>
                    <select name="referral_type" class="form-control">
                        <option value="" disabled selected>Select Type</option>
                        <option value="Property">Property / عقار</option>
                        <option value="Request">Request / طلب</option>
                    </select>
                    @if ($errors->has('referral_type'))
                        <span class="form-control-feedback">
                            <small><strong class="text-danger">{{ $errors->first('referral_type') }}</strong></small>
                        </span>
                    @endif
                </div>
            </div>
            <div class="form-group p-2 col-12 col-md-4">
                <label class="custlabel">Client Name / اسم العميل<strong class="text-danger">*</strong></label>
                <input type="text" class="form-control" name="client_name"
                    value="{{ old('client_name') }}">
                @if ($errors->has('client_name'))
                    <span class="form-control-feedback">
                        <small><strong class="text-danger">{{ $errors->first('client_name') }}</strong></small>
                    </span>
                @endif
            </div>
            <div class="form-group p-2 col-12 col-md-4">
                <label class="custlabel">Client Phone / هاتف العميل<strong class="text-danger">*</strong></label>
                <input type="text" class="form-control" name="client_phone"
                    value="{{ old('client_phone') }}">
                @if ($errors->has('client_phone'))
                    <span class="form-control-feedback">
                        <small><strong class="text-danger">{{ $errors->first('client_phone') }}</strong></small>
                    </span>
                @endif
            </div>
            <div class="form-group p-2 col-12 col-md-4">
                <label class="custlabel">Client Email / البريد الالكترونى للعميل</label>
                <input type="email" class="form-control" name="client_email"
                    value="{{ old('client_email') }}">
                @if ($errors->has('client_email'))
                    <span class="form-control-feedback">
                        <small><strong class="text-danger">{{ $errors->first('client_email') }}</strong></small>
                    </span>
                @endif
            </div>
            <div class="form-group p-2 col-12 col-md-4">
                <label class="custlabel">Governorate / المحافظة<strong class="text-danger">*</strong></label>
                <select name="governorate_id" class="form-control">
                    <option value="" disabled selected>Select Governorate</option>
                    @foreach($governorates as $governorate)
                    <option value="{{ $governorate->id }}">{{ $governorate->governorate_name_en .' / '. $governorate->governorate_name_ar }}</option>
                    @endforeach
                </select>
                @if ($errors->has('governorate_id'))
                    <span class="form-control-feedback">
                        <small><strong class="text-danger">{{ $errors->first('governorate_id') }}</strong></small>
                    </span>
                @endif
            </div>
            <div class="form-group p-2 col-12 col-md-4">
                <label class="custlabel">City / المدينة<strong class="text-danger">*</strong></label>
                <select name="city_id" class="form-control">
                    <option value="" disabled selected>Select City</option>
                    @foreach($cities as $city)
                    <option class="d-none" data-gov="{{ $city->governorate_id }}" value="{{ $city->id }}">{{ $city->city_name_en .' / '. $city->city_name_ar }}</option>
                    @endforeach
                </select>
                @if ($errors->has('city_id'))
                    <span class="form-control-feedback">
                        <small><strong class="text-danger">{{ $errors->first('city_id') }}</strong></small>
                    </span>
                @endif
            </div>
            <div class="form-group p-2 col-12 col-md-4">
                <label class="custlabel">District / الحى</label>
                <select name="district_id" class="form-control">
                    <option value="" disabled selected>Select District</option>
                    @foreach($districts as $district)
                    <option class="d-none" data-city="{{ $district->city_id }}" value="{{ $district->id }}">{{ $district->district_name_en .' / '. $district->district_name_ar }}</option>
                    @endforeach
                </select>
                @if ($errors->has('district_id'))
                    <span class="form-control-feedback">
                        <small><strong class="text-danger">{{ $errors->first('district_id') }}</strong></small>
                    </span>
                @endif
            </div>
            <div class="form-group p-2 col-12 col-md-4">
                <label class="custlabel">Compound / الكمبوند</label>
                <select name="compound_id" class="form-control">
                    <option value="" disabled selected>Select Compound</option>
                    @foreach($compounds as $compound)
                    <option class="d-none" data-city="{{ $compound->city_id }}" value="{{ $compound->id }}">{{ $compound->compound_name_en .' / '. $compound->compound_name_ar }}</option>
                    @endforeach
                </select>
                @if ($errors->has('compound_id'))
                    <span class="form-control-feedback">
                        <small><strong class="text-danger">{{ $errors->first('compound_id') }}</strong></small>
                    </span>
                @endif
            </div>
            <div class="form-group p-2 col-12 col-md-6">
                <label class="custlabel">Property/Request Type / نوع الطلب او العقار<strong class="text-danger">*</strong></label>
                <select name="property_type" class="form-control">
                    <option value="" disabled selected>Select Type</option>
                    @foreach($property_types as $property_type)
                    <option value="{{ $property_type->id }}">{{ $property_type->label .' / '. $property_type->label_ar }}</option>
                    @endforeach
                </select>
                @if ($errors->has('property_type'))
                    <span class="form-control-feedback">
                        <small><strong class="text-danger">{{ $errors->first('property_type') }}</strong></small>
                    </span>
                @endif
            </div>
            <div class="form-group p-2 col-12 col-md-6">
                <label class="custlabel">Property/Requested For - الغرض من الطلب<strong class="text-danger">*</strong></label>
                <select name="property_for" class="form-control">
                    <option value="" disabled selected>Select Type</option>
                    <option value="Sale">Sale/Buy - بيع/شراء</option>
                    <option value="Rent">Rent - ايجار</option>
                    <option value="Rent Or Sale">Rent Or Sale - شراء او ايجار</option>
                </select>
                @if ($errors->has('property_for'))
                    <span class="form-control-feedback">
                        <small><strong class="text-danger">{{ $errors->first('property_for') }}</strong></small>
                    </span>
                @endif
            </div>
            <div class="form-group p-2 col-12 col-md-4">
                <label class="custlabel">Price / السعر التقريبى<strong class="text-danger">*</strong></label>
                <input type="text" class="form-control" name="price"
                    value="{{ old('price') }}">
                @if ($errors->has('price'))
                    <span class="form-control-feedback">
                        <small><strong class="text-danger">{{ $errors->first('price') }}</strong></small>
                    </span>
                @endif
            </div>
            <div class="form-group p-2 col-12 col-md-6">
                <label class="custlabel">Details / التفاصيل<strong class="text-danger">*</strong></label>
                <textarea type="text" class="form-control ckeditor" name="details" placeholder="{{ old('details') }}"></textarea>
                @if ($errors->has('details'))
                    <span class="form-control-feedback">
                        <small><strong class="text-danger">{{ $errors->first('details') }}</strong></small>
                    </span>
                @endif
            </div>
            {{-- <div class="form-group p-2 col-12 col-md-6">
                <label class="custlabel">Details In Arabic<strong class="text-danger">*</strong></label>
                <textarea type="text" class="form-control" name="details_ar" placeholder="{{ old('details_ar') }}"></textarea>
                @if ($errors->has('details_ar'))
                    <span class="form-control-feedback">
                        <small><strong class="text-danger">{{ $errors->first('details_ar') }}</strong></small>
                    </span>
                @endif
            </div> --}}
            <div class="form-group p-2 col-12 col-md-6">
                <label class="custlabel">Notes / ملاحظات</label>
                <textarea type="text" class="form-control ckeditor" name="notes" placeholder="{{ old('notes') }}"></textarea>
                @if ($errors->has('notes'))
                    <span class="form-control-feedback">
                        <small><strong class="text-danger">{{ $errors->first('notes') }}</strong></small>
                    </span>
                @endif
            </div>
            <div data-image class="d-none form-group p-2 col-12 col-md-6">
                <label class="custlabel">Images / صور للعقار</label>
                <input type="file" class="form-control" name="images[]" multiple>
                @if ($errors->has('images'))
                    <span class="form-control-feedback">
                        <small><strong class="text-danger">{{ $errors->first('images') }}</strong></small>
                    </span>
                @endif
            </div>
            <div class="col-12 text-center my-3">
                <button class="btn btn-primary" type="submit">Send Referral / ارسل الاحالة</button>
            </div>
        </form>
    </div>
@endsection
@section('js')
<script>
    $('[name="referral_type"]').on('change',function(){
        console.log($(this).val());
        if($(this).val() == 'Property') $('div[data-image]').removeClass('d-none');
        if($(this).val() == 'Request') $('div[data-image]').addClass('d-none');
    });
    $('[name="governorate_id"]').on('change',function(){
        $('option[data-gov]').addClass('d-none');
        $('[data-gov="'+$(this).val()+'"]').removeClass('d-none');
    });
    $('[name="city_id"]').on('change',function(){
        $('option[data-city]').addClass('d-none');
        $('[data-city="'+$(this).val()+'"]').removeClass('d-none');
    });
</script>
@endsection