@extends('layouts.app-custom')
@section('content')
<!--Start properties Style1 Area-->
<section class="properties-style1-area pt-pb-120">
    <div class="auto-container">
        <div class="container">
            <div class="sec-title">
                <h3>Post Ad</h3>
            </div>
        </div>
        <div class="row">
            <!--Start Single Properties Box style1-->
            <div class="col-xl-12 add-property-custom">
                <form action="{{route('property.submit')}}" method="post" class="listing-form clearfix">
                    @csrf
                    <div class="create-listing-box">
                        <div class="inner-title">
                            <h5>Select Category</h5>
                        </div>
                        <div class="create-listing-form">
                            
                                <!--Start Form Group-->
                                <div class="form-group clearfix">
                                    <label>Type</label>
                                    <div class="field-input">
                                        <div class="select-box">
                                            <select name="property_type" class="wide" required>
                                                <option value="1">Luxury</option>
                                                <option value="2">Classic</option>
                                                <option value="3">Modern</option>
                                                <option value="4">New</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <!--End Form Group-->
                        </div>
                    </div>
                    <div class="create-listing-box">
                        <div class="inner-title">
                            <h5>Details</h5>
                        </div>
                        <div class="create-listing-form">
                            
                                <!--Start Form Group-->
                                <div class="form-group clearfix">
                                    <label>Property Title</label>
                                    <div class="field-input">
                                        <input placeholder="Property Title" type="text" name="title" required>
                                    </div>
                                </div>
                                <!--End Form Group-->
                                <!--Start Form Group-->
                                <div class="form-group clearfix">
                                    <label>Property Details</label>
                                    <div class="field-input">
                                        <textarea placeholder="Property Details" name="detail"></textarea>
                                    </div>
                                </div>
                                <!--End Form Group-->
                                <!--Start Form Group-->
                                <div class="form-group clearfix">
                                    <label>Property Address</label>
                                    <div class="field-input">
                                        <input placeholder="Property Address" type="text" name="address">
                                    </div>
                                </div>
                                <!--End Form Group-->
                                <!--Start Form Group-->
                                <div class="form-group clearfix">
                                    <label>Bedrooms</label>
                                    <div class="field-input">
                                        <div class="select-box">
                                            <select class="wide" name="bedroom">
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <!--End Form Group-->
                                <!--Start Form Group-->
                                <div class="form-group clearfix">
                                    <label>Bathrooms</label>
                                    <div class="field-input">
                                        <div class="select-box">
                                            <select class="wide" name="bathroom">
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <!--End Form Group-->
                                <!--Start Form Group-->
                                <div class="form-group clearfix">
                                    <label>Floor Level</label>
                                    <div class="field-input">
                                        <div class="select-box">
                                            <select class="wide" name="floor_level">
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <!--End Form Group-->
                                <!--Start Form Group-->
                                <div class="form-group clearfix">
                                    <label>Square Yards</label>
                                    <div class="field-input">
                                        <div class="select-box">
                                            <select class="wide" name="size_sqyd" required>
                                                <option value="1">120</option>
                                                <option value="2">200</option>
                                                <option value="3">500</option>
                                                <option value="4">1000</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <!--End Form Group-->
                        </div>
                    </div>
                    <div class="create-listing-box">
                        <div class="inner-title">
                            <h5>Set a Price</h5>
                        </div>
                        <div class="create-listing-form">
                                <!--Start Form Group-->
                                <div class="form-group clearfix">
                                    <label>Price</label>
                                    <div class="field-input">
                                        <input placeholder="$25000" type="text" name="price" required>
                                    </div>
                                </div>
                                <!--End Form Group-->
                        </div>
                    </div>
                    <div class="create-listing-box">
                        <div class="inner-title">
                            <h5>Upload Photo</h5>
                        </div>
                        <div class="create-listing-form">
                                <!--Start Form Group-->
                                <div class="form-group clearfix">
                                    <div class="field-input">
                                        <div class="add-photo-box">
                                            <div class="inner">
                                                <span class="icon-camera"></span>
                                                <p>Add Photo</p>
                                                <input type="file" class="upload" multiple="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--End Form Group-->
                        </div>
                    </div>
                    <div class="btn-box">
                        <button class="btn-one" type="submit" data-loading-text="Please wait...">
                            <span class="txt">
                                Submit
                            </span>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
<!--End properties Style1 Area-->
@endsection