@extends('Admin.default') @section('css')
    <style>
        #map-canvas{
            height: 400px;
            width: 100%;
          }
          .upload_gallery_list li {
            margin: 0;
            padding: 0 10px !important;
            list-style: none;
            width: 25%;
            float: left;
            text-align: center;
          }
          .galery_img img{
            width: 100%;
            margin:0 auto 10px;
            height: 130px;
          }
          .cancl_btn{
            position: absolute;
              top: 6px;
              right: 6px;
        
          }
          .map_section {
              width: 100%;
              background: #fff;
              margin-top: 0px;
              position: relative;
              z-index: 999;
          }
          .map_section {
              width: 100%;
              background: #fff;
              margin-top: 0px;
              position: relative;
              z-index: 999;
          }
          .map_section iframe {
              width: 100%;
              min-height: 435px;
              opacity: 1;
          }
          .cancl_btn p{
                background: #FF033E;
              width: 22px;
              height: 22px;
              border-radius: 50%;
              color: #fff;
              padding: 2;
              padding: 1px 5px;
          }
          .gallery_sec{
            border: 1px solid #00a2de;
            padding: 4px;
            margin: 15px 0px;
          }
          .gallery_sec.EditGallery{
            height:180px;
          }  
          .del {
            position: absolute;
            top: 0px;
            right: 15px;
            width: 30px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            background-color: rgba(255, 255, 255, 0.6);
            cursor: pointer;
          }
          .upload_gallery_list li {
            margin: 0;
            padding: 0 10px !important;
            list-style: none;
            width: 25%;
            float: left;
            text-align: center;
          }
          .modal-header{
           padding: 10px 15px !important;
          }
        
          .galery_img {
            position: relative;
            margin: 13px 0px 0px;
          }
          .under_img {
            display: flex;
            justify-content: space-between;
            margin-bottom: 6px;
          }
          .locate_pop{
                position: absolute;
              top: 37px;
              right: 28px;
          }
          .locate_pop a{
                font-size: 20px;
          }
          @media (min-width: 576px){
          .modal-dialog {
              max-width: 850px !important;
              margin: 3.75rem auto !important;
          }
          }
    </style>
    <link href="{{asset('public/Admin')}}/plugins/jquery-steps/css/jquery.steps.css" rel="stylesheet"> @stop @section('content')
    <div class="row page-titles mx-0">
        <div class="col p-md-0">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="javascript:void(0)">Dashboard</a></li>
                <li class="breadcrumb-item active"><a href="javascript:void(0)">Home</a></li>
            </ol>
        </div>
    </div>
    <!-- //wrapper start -->
    <div class="wrapper">
        <div class="container">
            <div class="signupform">
                <div class="tabing">
                    <div class="tab active" id="uptab1">
                        <p><strong>1</strong></p>
                        <p>General Info</p>
                    </div>
                    <div class="tab" id="uptab2">
                        <p><strong>2</strong></p>
                        <p>Other Info</p>
                    </div>
                    <div class="tab" id="uptab3">
                        <p><strong>3</strong></p>
                        <p>Features</p>
                    </div>
                    <div class="tab" id="uptab4">
                        <p><strong>4</strong></p>
                        <p>Gallery</p>
                    </div>
                    <div class="tab" id="uptab5">
                        <p><strong>5</strong></p>
                        <p>Project Info</p>
                    </div>
                    <div class="tab" id="uptab6">
                        <p><strong>5</strong></p>
                        <p>SEO</p>
                    </div>
                </div>
                <form id="AddProperty" name="AddProperty" action="{{route('SavePropertyDetails')}}" method="post" enctype="multipart/form-data">
                    <input type="hidden" name="_token" id="_token" value="{{ csrf_token() }}"> @if($Edit)
                    <input type="hidden" name="EditID" id="EditID" value="{{ $Edit->id }}"> @endif

                    <div class="formarea">
                        <div class="tabing area" id="tab1" style="display:block;">
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="head">
                                        <h1>General Info</h1>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12">
                                    <section>
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label>Project Type</label>
                                                    <select name="project_type" id="project_type" class="form-control" onchange="HideErr('CategoryErr');">
                                                        <option value="">Select Project Type</option>
                                                        @foreach($ProjectType as $pt)
                                                        <option value="{{$pt->id}}" @if($pt->id==$Edit->project_type) selected="" @endif>{{$pt->project}}</option>
                                                        @endforeach
                                                    </select>
                                                    <span id="CategoryErr"></span>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label>Project Status</label>
                                                    <select name="project_status" id="project_status" class="form-control">
                                                        <option value="">Select Project Status</option>
                                                        @foreach($ProjectStatus as $pt)
                                                        <option value="{{$pt->id}}" @if($pt->id==$Edit->project_status) selected="" @endif>{{$pt->type}}</option>
                                                        @endforeach
                                                    </select>
                                                    <span id="TypeErr"></span>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label>Property Title</label>
                                                    <input type="text" name="title" id="title" class="form-control" placeholder="Enter Property Title" onkeypress="HideErr('TitleErr');" value="{{ $Edit->title }}">
                                                    <span id="TitleErr"></span>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label>Rera No</label>
                                                    <input type="text" name="rera_no" id="rera_no" class="form-control" placeholder="Rera No" value="{{ $Edit->rera_no }}">
                                                </div>
                                            </div>
                                            <!-- <div class="col-lg-12">
                                                <div class="form-group">
                                                    <label>Description</label>
                                                    <textarea cols="10" rows="10" name="description" id="description" class="form-control" placeholder="Enter Property Title" onkeypress="HideErr('DescriptionErr');">{{ $Edit->description }}</textarea>
                                                    <span id="DescriptionErr"></span>
                                                </div>
                                            </div> -->
                                        </div>
                                    </section>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="fields">
                                        <input type="button" value="Next" class="submit next" onclick="ValidateTab1();">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tabing area" id="tab2">
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="head">
                                        <h1>Other Info</h1></div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12">
                                    <section>
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <div class="form-group">
                                                    <label>Posession</label>
                                                    <div class="input-group mb-3">
                                                        <input type="text" id="posession" name="posession" class="form-control integer" placeholder="Posession Year" onkeypress="HideErr('PosessionErr');" value="{{ $Edit->posession }}">
                                                        <span id="PosessionErr"></span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3">
                                                <div class="form-group">
                                                    <label>City</label>
                                                    <select name="city_id" id="city_id" class="form-control" onchange="HideErr('CityErr');">
                                                        <option value="">Select City</option>
                                                        @foreach($City as $c)
                                                        <option value="{{$c->id}}" @if($c->id==$Edit->city_id) selected="" @endif>{{$c->location}}</option>
                                                        @endforeach
                                                    </select>
                                                    <span id="CityErr"></span>
                                                </div>
                                            </div>

                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label for="address">Location</label>
                                                    <input type="text" name="address" id="address" class="form-control" placeholder="Location" value="{{ $Edit->address }}">
                                                    <input type="hidden" name="latitude" id="latitude" value="{{ $Edit->latitude }}">
                                                    <input type="hidden" name="longitude" id="longitude" value="{{ $Edit->longitude }}">
                                                    <span id="addressErr"></span>
                                                </div>
                                            </div>

                                            <div class="col-lg-3">
                                                <div class="form-group">
                                                    <label>Price From</label>
                                                    <div class="input-group mb-3">
                                                        <div class="input-group-prepend"><span class="input-group-text">₹</span></div>
                                                        <input type="text" id="price_from" name="price_from" class="form-control integer" placeholder="Price From" onkeypress="HideErr('PriceFromErr');" value="{{ $Edit->price_from }}">
                                                        <div class="input-group-append"><span class="input-group-text">.00</span></div>
                                                        <span id="PriceFromErr"></span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3">
                                                <div class="form-group">
                                                    <label>Price To</label>
                                                    <div class="input-group mb-3">
                                                        <div class="input-group-prepend"><span class="input-group-text">₹</span></div>
                                                        <input type="text" id="price_to" name="price_to" class="form-control integer" placeholder="Price To" onkeypress="HideErr('PriceToErr');" value="{{ $Edit->price_to }}">
                                                        <div class="input-group-append"><span class="input-group-text">.00</span></div>
                                                        <span id="PriceToErr"></span>
                                                    </div>
                                                </div>
                                            </div>
                                                                                            <!-- <div class="col-lg-3">
                                                    <div class="form-group">
                                                        <label><strong>Price On Request</strong></label>
                                                        <div class="form-check">
                                                            <input class="form-check-input" {{$Checked}} type="checkbox" name="PriceOnRequest" value="1" id="PriceOnRequest">
                                                            <label class="form-check-label" for="PriceOnRequest">Yes</label>
                                                        </div>
                                                    </div>
                                                </div> -->
                                             
                                                <div class="col-lg-3">
                                                    <div class="form-group">
                                                        <label>Carpet Area From</label>
                                                        <div class="input-group mb-3">
                                                            <input type="text" id="carpet_area_from" name="carpet_area_from" class="form-control integer" placeholder="Carpet Area From" onkeypress="HideErr('PriceFromErr');" value="{{ $Edit->carpet_area_from }}">
                                                            <span id="CarpetFromErr"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-3">
                                                    <div class="form-group">
                                                        <label>Carpet Area To</label>
                                                        <div class="input-group mb-3">
                                                            <input type="text" id="carpet_area_to" name="carpet_area_to" class="form-control integer" placeholder="Carpet Area To" onkeypress="HideErr('CarpetToErr');" value="{{ $Edit->carpet_area_to }}">
                                                            <span id="CarpetToErr"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-2">
                                                    <div class="form-group">
                                                        <label>BuildUp Area From</label>
                                                        <div class="input-group mb-3">
                                                            <input type="text" id="buildup_area_from" name="buildup_area_from" class="form-control integer" placeholder="BuildUp Area From" onkeypress="HideErr('PriceFromErr');">
                                                            <span id="CarpetFromErr"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-2">
                                                    <div class="form-group">
                                                        <label>BuildUp Area To</label>
                                                        <div class="input-group mb-3">
                                                            <input type="text" id="buildup_area_to" name="buildup_area_to" class="form-control integer" placeholder="BuildUp Area To" onkeypress="HideErr('CarpetToErr');">
                                                            <span id="CarpetToErr"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-2">
                                                    <div class="form-group">
                                                        <label>&nbsp;</label>
                                                        <div class="input-group mb-3">
                                                            <a href="javascript:void(0);" onclick="CalculateArea();" class="btn btn-success">Calculate</a>
                                                        </div>
                                                    </div>
                                                </div>




                                                <div class="col-lg-12">
                                                    <div class="form-group">
                                                        <label><strong>Unit Size</strong></label>