@extends('frontend.layouts.app')

@section('content')
    <style type="text/css">
        .page-header {
            position: relative;
            display: flex;
            align-items: center;
            background-color: wheat;
            background-position: 0 0;
            background-size: 100%;
            min-height: 160px;
            padding: 0
        }

        .head-text {
            margin: 0;
            font-size: 30px
        }

        .head-text {
        }

        .card {
            box-shadow: 0px 1px 5px 1px rgb(0 0 0 / 10%);
            border-radius: 5px;
            margin: 20px 0 10px;
            padding: 25px;
            background: #fff;
        }

        .page-title {
            font-size: 20px
        }

        .form-control {
            border-color: #ccc
        }

        .enq_form .form-group label {
            font-weight: 600
        }
    </style>
    <div class="page-header">
        <div class="container pl-2 pl-md-5">
            <h1 class="head-text">Online Store/Partner Enquiry Form</h1>
        </div>
    </div>
    <div>
        <div class="section-block enq_form pt-4 bg-light">
            <div class="container">
                <div class="row">
                    @if(session()->has('success'))
                        <div class="col-md-11 mx-auto">
                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                <strong>Thank You ! </strong> {{ session('success') }}
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                        </div>
                    @endif
                    <form >

                        <div class="col-md-11 mx-auto">
                            <h4 class="page-title">Personal Details</h4>
                            <div class="card">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="name">Full Name <span>*</span></label>
                                            <input type="text" placeholder="What should we call you?"
                                                   class="form-control"
                                                   name="name" id="name" value="{{ old('name', $enquiry->name) }}"/>
                                            @error('name')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="dob">DOB <span>*</span></label>
                                            <input type="date" max="{{ now()->subYears(18)->format('Y-m-d') }}"
                                                   class="form-control" name="dob" id="dob" value="{{ old('dob',$enquiry->dob) }}"/>
                                            @error('dob')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="email">Email <span>*</span></label>
                                            <input type="email" placeholder="Where should we email you back?"
                                                   class="form-control" name="email" id="email"
                                                   value="{{ old('email',$enquiry->email) }}"/>
                                            @error('email')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="address">Address <span>*</span></label>
                                            <textarea placeholder="Enter your address" class="form-control"
                                                      name="address" id="address">{{ old('address',$enquiry->address) }}</textarea>
                                            @error('address')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror

                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="zipcode">Zipcode <span>*</span></label>
                                            <input type="text" placeholder="Enter pin code here"
                                                   class="form-control"
                                                   name="zipcode" maxlength="6" minlength="6" id="zipcode"
                                                   value="{{ old('zipcode',$enquiry->zipcode) }}"/>
                                            @error('zipcode')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="mobile">Mobile No. <span>*</span></label>
                                            <input type="text" placeholder="Where should we call you?"
                                                   class="form-control"
                                                   name="mobile" maxlength="10" minlength="10" id="mobile"
                                                   value="{{ old('mobile',$enquiry->mobile) }}"/>
                                            @error('mobile')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="education">Highest Educational Qualification
                                                <span>*</span></label>
                                            <input type="text" placeholder="Enter here" class="form-control"
                                                   name="education" value="{{ old('education',$enquiry->education) }}"/>
                                            @error('education')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="profession">Profession <span>*</span></label>

                                            <select class="form-control" name="profession" id="profession">
                                                <option value="Service"
                                                        @if(old('profession',$enquiry->profession) == 'Service') selected @endif>Service
                                                </option>
                                                <option value="Self Employed"
                                                        @if(old('profession',$enquiry->profession) == 'Self Employed') selected @endif >Self
                                                    Employed
                                                </option>
                                            </select>
                                            @error('profession')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>


                                </div>

                            </div>
                            <h4 class="page-title mt-4">Business/ Service Profile</h4>
                            <div class="card">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="firm_name">Firm/Employer Name<span>*</span></label>
                                            <input type="text" placeholder="Enter firm name " class="form-control"
                                                   name="firm_name" id="firm_name" value="{{ old('firm_name',$enquiry->firm_name) }}"/>
                                            @error('firm_name')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="business_nature">Nature of Business of Firm/ Employer
                                                <span>*</span></label>
                                            <input type="text" placeholder="Enter here" class="form-control"
                                                   name="business_nature" id="business_nature"
                                                   value="{{ old('business_nature',$enquiry->business_nature) }}"/>
                                            @error('business_nature')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>Years of Experience (Service/ Business) <span>*</span></label>
                                            <input type="text" placeholder="Enter here" class="form-control"
                                                   name="service_duration" id="service_duration"
                                                   value="{{ old('service_duration',$enquiry->service_duration) }}"/>
                                            @error('service_duration')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="turnover">Current Annual Turnover (Rs Lacs/annum) <span>*</span></label>
                                            <input type="number" placeholder="Enter here" class="form-control"
                                                   name="turnover" id="turnover" value="{{ old('turnover',$enquiry->turnover) }}"/>
                                            @error('turnover')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>

                                </div>

                            </div>

                            <h4 class="page-title mt-4">Proposal Details</h4>
                            <div class="card">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="location">Proposed Location/ Market<span>*</span></label>
                                            <input type="text" placeholder="Enter here" class="form-control"
                                                   name="location" id="location" value="{{ old('location',$enquiry->location) }}"/>
                                            @error('location')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="city">City for Khadi India online store<span>*</span></label>
                                            <input type="text" placeholder="Enter here" class="form-control"
                                                   name="city" id="city" value="{{ old('city',$enquiry->city) }}"/>
                                            @error('city')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="state">State/UT <span>*</span></label>
                                            <select class="form-control" name="state" id="state">
                                                <option value="" style="display: none;">Please select state</option>
                                                @foreach($states as $stateId => $stateName)
                                                    <option value="{{ $stateId }}"
                                                            @if(old('state',$enquiry->state) == $stateId) selected @endif >{{ $stateName }}</option>
                                                @endforeach
                                            </select>
                                            @error('state')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="product_type">Type of products you are interested with
                                                <span>*</span></label>
                                            <select class="form-control select2" name="product_types[]"
                                                    id="product_type" multiple>
                                                <option value="" style="display: none;">Select</option>
                                                @foreach($productTypes as $productTypeId => $productTypeName)
                                                    <option value="{{ $productTypeId }}"
                                                            @if( in_array($productTypeId, old('product_types',$enquiry->product_types)) ) selected @endif >{{ $productTypeName }}</option>
                                                @endforeach
                                            </select>
                                            @error('product_types')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="budget">Your Investment Budget (Rs Lacs) <span>*</span></label>
                                            <input type="number" placeholder="Enter here" class="form-control"
                                                   name="budget"
                                                   id="budget" value="{{ old('budget',$enquiry->budget) }}"/>
                                            @error('budget')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="brands">Other Major Brands Present in the Vicinity
                                                <span>*</span></label>
                                            <input type="text" placeholder="Enter here" class="form-control"
                                                   name="brands" id="brands" value="{{ old('brands',$enquiry->brands) }}"/>
                                            @error('brands')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>

                                </div>

                            </div>

                            <h4 class="page-title mt-4">Property Details</h4>
                            <div class="card mb-5">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="property">Property<span>*</span></label>
                                            <select class="form-control" name="property" id="property">
                                                <option value="Rented"
                                                        @if(old('property',$enquiry->property) == 'Rented') selected @endif >Rented
                                                </option>
                                                <option value="Owned" @if(old('property',$enquiry->property) == 'Owned') selected @endif >
                                                    Owned
                                                </option>

                                            </select>
                                            @error('property')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="area">Area in sq. ft (Carpet)<span>*</span></label>
                                            <input type="number" placeholder="Enter here" class="form-control"
                                                   name="area"
                                                   id="area" value="{{ old('area',$enquiry->area) }}"/>
                                            @error('area')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="floors">No. of floors <span>*</span></label>
                                            <input type="number" placeholder="Enter here" class="form-control"
                                                   name="floors" id="floors" value="{{ old('floors',$enquiry->floors) }}"/>
                                            @error('floors')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="proposed_floor">Proposed Floor <span>*</span></label>
                                            <input type="number" placeholder="Enter here" class="form-control"
                                                   name="proposed_floor" id="proposed_floor"
                                                   value="{{ old('proposed_floor',$enquiry->proposed_floor) }}"/>
                                            @error('proposed_floor')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="frontage">Frontage (in feet) <span>*</span></label>
                                            <input type="number" placeholder="Enter here" class="form-control"
                                                   name="frontage"
                                                   id="frontage" value="{{ old('frontage',$enquiry->frontage) }}"/>
                                            @error('frontage')
                                            <small class="form-text text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>


                                </div>

                            </div>

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

        @endsection

        @section('script')
            <script>
                $('.select2').select2({
                    placeholder: 'Select product types'
                });
            </script>
@endsection