@extends('backend.layouts.main')

@section('content')

    <div class="row page-titles">
        <div class="col-md-5 align-self-center">
            <h3 class="text-themecolor">{{$subtitle}}</h3>
        </div>
        <div class="col-md-7 align-self-center">
            @if(isset($is_edit))
                {{ Breadcrumbs::render('backend.products.edit') }}
            @else
                {{ Breadcrumbs::render('backend.products.add') }}
            @endif
        </div>

        <div class="col-md-12">
            <div class="card card-outline-info">
                <div class="card-body">
                    <form class="form-horizontal" id="form-add" action="" method="post">
                        @include('backend.partials.msg')
                        @include('backend.partials.errors')

                        {{ csrf_field() }}

                        <div class="row">
                            <div class="col-md-12">
                                <div class="accordion" role="tablist" aria-multiselectable="true">
                                    <div class="vi-tri">
                                        <div role="tab">
                                            <h5 class="header-accordion">
                                                <a data-toggle="collapse" href="#collapse_vitri"
                                                   aria-expanded="true" aria-controls="collapseOne">
                                                    Vị trí
                                                </a>
                                            </h5>
                                        </div>
                                        <div id="collapse_vitri" class="collapse show" role="tabpanel">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group form-group-sm row {{$errors->has('province_id')?'has-danger':''}}">
                                                        <label class="control-label text-right col-md-4">
                                                            Tỉnh/TP <span class="text-danger">*</span>
                                                        </label>
                                                        <div class="col-md-8">
                                                            <select class="form-control form-control-sm select_province select2"
                                                                    name="province_id" required="required">
                                                                <option value="">Chọn</option>
                                                                @foreach($provinces as $province)
                                                                    <option value="{{$province->id}}"
                                                                        {!! $form_init->province_id==$province->id?'selected="selected"':'' !!}
                                                                    >{{$province->name}}</option>
                                                                @endforeach
                                                            </select>
                                                            {!! $errors->has('province_id')?'<small class="form-control-feedback">'.$errors->first('province_id').'</small>':'' !!}
                                                        </div>
                                                    </div>

                                                    <div class="form-group form-group-sm row {{$errors->has('district_id')?'has-danger':''}}">
                                                        <label class="control-label text-right col-md-4">
                                                            Quận/Huyện <span class="text-danger">*</span>
                                                        </label>
                                                        <div class="col-md-8">
                                                            <select class="form-control select_district select2"
                                                                    name="district_id" required="required">
                                                                <option value="">Chọn</option>
                                                                @foreach($districts as $districts)
                                                                    <option value="{{$districts->id}}"
                                                                        {!! $form_init->district_id==$districts->id?'selected="selected"':'' !!}>{{$districts->name}}</option>
                                                                @endforeach
                                                            </select>
                                                            {!! $errors->has('district_id')?'<div class="form-control-feedback">'.$errors->first('district_id').'</div>':'' !!}
                                                        </div>
                                                    </div>

                                                    <div class="form-group form-group-sm row {{$errors->has('ward_id')?'has-danger':''}}">
                                                        <label class="control-label text-right col-md-4">
                                                            Phường/Xã <span class="text-danger">*</span>
                                                        </label>
                                                        <div class="col-md-8">
                                                            <select class="form-control select_ward select2"
                                                                    name="ward_id"
                                                                    required="required">
                                                                <option value="">Chọn</option>
                                                                @foreach($wards as $ward)
                                                                    <option value="{{$ward->id}}"
                                                                        {!! $form_init->ward_id==$ward->id?'selected="selected"':'' !!}>{{$ward->name}}</option>
                                                                @endforeach
                                                            </select>
                                                            {!! $errors->has('ward_id')?'<div class="form-control-feedback">'.$errors->first('ward_id').'</div>':'' !!}
                                                        </div>
                                                    </div>

                                                    <div class="form-group form-group-sm row {{$errors->has('street_id')?'has-danger':''}}">
                                                        <label class="control-label text-right col-md-4">
                                                            Đường <span class="text-danger">*</span>
                                                        </label>

                                                        <div class="input-group col-md-8">
                                                            <select class="form-control form-control-sm select_street select2 col-md-10"
                                                                    name="street_id" required="required">
                                                                <option value="">Chọn</option>
                                                                @foreach($streets as $street)
                                                                    <option value="{{$street->id}}"
                                                                        {!! $form_init->street_id==$street->id?'selected="selected"':'' !!}>{{$street->name}}</option>
                                                                @endforeach
                                                            </select>

                                                            <button type="button"
                                                                    data-toggle="modal" data-target="#addStreet-modal"
                                                                    class="btn btn-info btn-xs flat col-md-2">
                                                                <i class="fa fa-plus"></i></button>

                                                            {!! $errors->has('street_id')?'<div class="form-control-feedback">'.$errors->first('street_id').'</div>':'' !!}
                                                        </div>
                                                    </div>

                                                    <div class="form-group form-group-sm row {{$errors->has('home_number')?'has-danger':''}}">
                                                        <label class="control-label text-right col-md-4">
                                                            Số nhà <span class="text-danger">*</span>
                                                        </label>
                                                        <div class="col-md-8">
                                                            <input type="text" name="home_number"
                                                                   class="form-control form-control-sm"
                                                                   value="{{$form_init->home_number}}"
                                                                   required="required">
                                                            {!! $errors->has('home_number')?'<div class="form-control-feedback">'.$errors->first('home_number').'</div>':'' !!}
                                                        </div>
                                                    </div>

                                                    <div class="form-group form-group-sm row {{$errors->has('home_number_note')?'has-danger':''}}">
                                                        <label class="control-label text-right col-md-4">
                                                            Số nhà cũ <span class="text-danger">&nbsp;</span>
                                                        </label>
                                                        <div class="col-md-8">
                                                            <input type="text" name="home_number_note"
                                                                   class="form-control form-control-sm"
                                                                   value="{{$form_init->home_number_note}}">
                                                            {!! $errors->has('home_number_note')?'<div class="form-control-feedback">'.$errors->first('home_number_note').'</div>':'' !!}
                                                        </div>
                                                    </div>

                                                    <div class="form-group form-group-sm row {{$errors->has('old_street_id')?'has-danger':''}}">
                                                        <label class="control-label text-right col-md-4">
                                                            Đường cũ <span class="text-danger">&nbsp;</span>
                                                        </label>

                                                        <div class="input-group col-md-8">
                                                            <select class="form-control form-control-sm select_street select2 col-md-10"
                                                                    name="old_street_id">
                                                                <option value="">Chọn</option>
                                                                @foreach($streets as $street)
                                                                    <option value="{{$street->id}}"
                                                                        {!! $form_init->old_street_id==$street->id?'selected="selected"':'' !!}>{{$street->name}}</option>
                                                                @endforeach
                                                            </select>

                                                            <button type="button"
                                                                    data-toggle="modal" data-target="#addStreet-modal"
                                                                    class="btn btn-info btn-xs flat col-md-2">
                                                                <i class="fa fa-plus"></i></button>

                                                            {!! $errors->has('old_street_id')?'<div class="form-control-feedback">'.$errors->first('old_street_id').'</div>':'' !!}
                                                        </div>
                                                    </div>

                                                    <div class="row">
                                                        <label class="control-label text-right col-md-4">
                                                            Tọa độ maps <span class="text-danger">&nbsp;</span>
                                                        </label>
                                                        <div class="col-md-4">
                                                            <div class="form-group form-group-sm">
                                                                <input type="text" id="lat" name="location_lat"
                                                                       value="{{$form_init->location_lat}}"
                                                                       class="form-control form-control-sm"
                                                                       readonly="yes"><br>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group form-group-sm">
                                                                <input type="text" id="lng" name="location_long"
                                                                       value="{{$form_init->location_long}}"
                                                                       class="form-control form-control-sm"
                                                                       readonly="yes">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-md-6">
                                                    <div id="map_form" class="gmaps"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="thong-tin">
                                        <div role="tab">
                                            <h5 class="header-accordion">
                                                <a data-toggle="collapse" href="#collapse_thongtin"
                                                   aria-expanded="true" aria-controls="collapseOne">
                                                    Chi tiết
                                                </a>
                                            </h5>
                                        </div>
                                        <div id="collapse_thongtin" class="collapse show" role="tabpanel">
                                            <div class="form-group form-group-sm row {{$errors->has('product_type_id')?'has-danger':''}}">
                                                <label class="control-label text-right col-md-2">
                                                    Loại <span class="text-danger">*</span>
                                                </label>
                                                <div class="col-md-10">
                                                    <select class="form-control form-control-sm" name="product_type_id">
                                                        @foreach($product_type as $product_type)
                                                            <option value="{{$product_type->id}}"
                                                                {!! $form_init->product_type_id==$product_type->id?'selected="selected"':'' !!}>{{$product_type->name}}</option>
                                                        @endforeach
                                                    </select>
                                                    {!! $errors->has('product_type_id')?'<div class="form-control-feedback">'.$errors->first('product_type_id').'</div>':'' !!}
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm row {{$errors->has('description')?'has-danger':''}}">
                                                <label class="control-label text-right col-md-2">
                                                    Mô tả <span class="text-danger">&nbsp;</span>
                                                </label>
                                                <div class="col-md-10">
                                                <textarea class="form-control form-control-sm"
                                                          name="description"
                                                          rows="3">{!! $form_init->description !!}</textarea>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm row">
                                                <label class="control-label text-right col-md-2">
                                                    <b>DIỆN TÍCH</b>
                                                </label>

                                                <div class="col-md-1">
                                                    <label class="control-label">
                                                        Ngang <span class="text-danger">*</span>
                                                    </label>
                                                    <input type="number" name="horizontal" step="0.1" min="0"
                                                           value="{{$form_init->horizontal?floatval($form_init->horizontal):''}}"
                                                           required
                                                           class="form-control form-control-sm calculator_in">
                                                </div>

                                                <div class="col-md-1">
                                                    <label class="control-label">
                                                        Dài <span class="text-danger">*</span>
                                                    </label>
                                                    <input type="number" name="vertical" step="0.1" min="0"
                                                           value="{{$form_init->vertical?floatval($form_init->vertical):''}}"
                                                           required
                                                           class="form-control form-control-sm calculator_in">
                                                </div>

                                                <div class="col-md-2">
                                                    <label class="control-label">
                                                        Diện tích công nhận
                                                    </label>
                                                    <input type="number" id="area" name="area" step="0.1"
                                                           value="{{$form_init->area?floatval($form_init->area):''}}"
                                                           class="form-control form-control-sm calculator_in">
                                                </div>

                                                <div class="col-md-1">
                                                    <label class="control-label">
                                                        DT. Đất XD
                                                    </label>
                                                    <input type="number" name="land_area" step="0.1" min="0"
                                                           value="{{$form_init->land_area?floatval($form_init->land_area):''}}"
                                                           class="form-control form-control-sm">
                                                </div>

                                                <div class="col-md-1">
                                                    <label class="control-label text-right">
                                                        DT. Sàn XD
                                                    </label>
                                                    <input type="number" name="floor_area" step="0.1" min="0"
                                                           value="{{$form_init->floor_area?floatval($form_init->floor_area):''}}"
                                                           class="form-control form-control-sm">
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm row">
                                                <label class="control-label text-right col-md-2">
                                                    Loại đường <span class="text-danger">*</span>
                                                </label>

                                                <div class="col-md-2">
                                                    <select class="form-control form-control-sm" name="home_facade">
                                                        @foreach($home_facade as $value)
                                                            <option value="{{$value['id']}}"
                                                                {!! $form_init->home_facade==$value['id']?'selected="selected"':'' !!}>{{$value['name']}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>

                                                <label class="control-label text-right col-md-2">
                                                    Chiều rộng đường <span class="text-danger">&nbsp;</span>
                                                </label>
                                                <div class="col-md-2">
                                                    <input type="number" name="road_width" step="0.1" min="0"
                                                           value="{{$form_init->road_width?floatval($form_init->road_width):''}}"
                                                           class="form-control form-control-sm">
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm row">
                                                <label class="control-label text-right col-md-2">
                                                    Hướng <span class="text-danger">*</span>
                                                </label>
                                                <div class="col-md-2">
                                                    <select class="form-control form-control-sm" name="home_direction">
                                                        @foreach($home_direction as $direction)
                                                            <option value="{{$direction['id']}}"
                                                                {!! $form_init->home_direction==$direction['id']?'selected="selected"':'' !!}>{{$direction['name']}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>

                                                <label class="control-label text-right col-md-2">
                                                    Phù hợp khai thác <span class="text-danger">&nbsp;</span>
                                                </label>
                                                <div class="col-md-6">
                                                    <select class="form-control select2_tag form-control-sm"
                                                            name="purpose_ids[]" multiple
                                                            data-style="form-control btn-secondary">
                                                        @foreach($purpose as $purpose)
                                                            <option value="{{$purpose->id}}"
                                                                {!! $form_init->purpose_ids&&in_array($purpose->id,$form_init->purpose_ids)?'selected="selected"':'' !!}>{{$purpose->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm row">
                                                <label class="control-label text-right col-md-2">
                                                    Kết cấu <span class="text-danger">*</span>
                                                </label>

                                                <div class="col-md-2">
                                                    <select class="form-control home_structure form-control-sm"
                                                            name="home_structure">
                                                        @foreach($home_structure as $home_structure)
                                                            <option value="{{$home_structure['id']}}"
                                                                {!! $home_structure['id']==$form_init->home_structure?'selected="selected"':'' !!}>{{$home_structure['name']}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm row san_div hide">
                                                <label class="control-label text-right col-md-2"></label>

                                                <div class="col-md-1">
                                                    <label class="control-label">Hầm </label>
                                                    <input type="number" name="basement_number" step="1" min="0"
                                                           value="{{$form_init->basement_number}}"
                                                           class="form-control form-control-sm">
                                                </div>

                                                <div class="col-md-1">
                                                    <label class="control-label"> Tầng </label>
                                                    <input type="number" name="floor_number" step="1" min="0"
                                                           value="{{$form_init->floor_number}}"
                                                           class="form-control form-control-sm">
                                                </div>

                                                <div class="col-md-2">
                                                    <p class="label-checkbox"><label
                                                            class="form-control-label">&nbsp;</label></p>
                                                    <input type="checkbox" id="mezzanine_number" name="terrace"
                                                           value="1"
                                                           {!! $form_init->mezzanine_number>0?'checked="checked"':'' !!}
                                                           class="filled-in chk-col-black form-control form-control-sm"/>
                                                    <label for="mezzanine_number">Lửng</label>
                                                </div>

                                                <div class="col-md-2">
                                                    <p class="label-checkbox"><label
                                                            class="form-control-label">&nbsp;</label></p>
                                                    <input type="checkbox" id="terrace" name="terrace" value="1"
                                                           {!! $form_init->terrace==1?'checked="checked"':'' !!}
                                                           class="filled-in chk-col-black form-control form-control-sm"/>
                                                    <label for="terrace">Sân thượng</label>
                                                </div>

                                                <div class="col-md-2">
                                                    <p class="label-checkbox"><label
                                                            class="form-control-label">&nbsp;</label></p>
                                                    <input type="checkbox" id="balcony_number" name="terrace" value="1"
                                                           {!! $form_init->balcony_number>0?'checked="checked"':'' !!}
                                                           class="filled-in chk-col-black form-control form-control-sm"/>
                                                    <label for="balcony_number">Ban công</label>
                                                </div>

                                                <div class="col-md-2">
                                                    <p class="label-checkbox"><label
                                                            class="form-control-label">&nbsp;</label></p>
                                                    <input type="checkbox" id="elevator" name="terrace" value="1"
                                                           {!! $form_init->elevator==1?'checked="checked"':'' !!}
                                                           class="filled-in chk-col-black form-control form-control-sm"/>
                                                    <label for="elevator">Thang máy</label>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm row cap4_div hide">
                                                <label class="control-label text-right col-md-2"></label>

                                                <div class="col-md-1">
                                                    <label class="control-label">
                                                        P. Ngủ
                                                    </label>
                                                    <input type="number" name="bedroom_number" step="1" min="0"
                                                           value="{{$form_init->bedroom_number}}"
                                                           class="form-control form-control-sm">
                                                </div>

                                                <div class="col-md-1">
                                                    <label class="control-label">
                                                        P. Khách
                                                    </label>
                                                    <input type="number" name="room_number" step="1" min="0"
                                                           value="{{$form_init->room_number}}"
                                                           class="form-control form-control-sm">
                                                </div>

                                                <div class="col-md-1">
                                                    <label class="control-label">
                                                        Bếp
                                                    </label>
                                                    <input type="number" name="kitchen_number" step="1" min="0"
                                                           value="{{$form_init->kitchen_number}}"
                                                           class="form-control form-control-sm">
                                                </div>

                                                <div class="col-md-1">
                                                    <label class="control-label">
                                                        Toilet
                                                    </label>
                                                    <input type="number" name="bathroom_number" step="1" min="0"
                                                           value="{{$form_init->bathroom_number}}"
                                                           class="form-control form-control-sm">
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm row tiennghi_div hide">
                                                <label class="control-label text-right col-md-2">Tiện nghi trong
                                                    nhà</label>
                                                <div class="col-md-10">
                                                    <select class="form-control select2_tag form-control-sm"
                                                            style="width: 100%"
                                                            name="convenient_ids[]"
                                                            multiple data-style="form-control btn-secondary">
                                                        @foreach($convenience as $convenience)
                                                            <option value="{{$convenience->id}}"
                                                                {!! $form_init->convenient_ids&&in_array($convenience->id,$form_init->convenient_ids)?'selected="selected"':'' !!}>{{$convenience->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm row">
                                                <label class="control-label text-right col-md-2">Tiện ích xung
                                                    quanh</label>

                                                <div class="col-md-10">
                                                    <select class="form-control select2_tag form-control-sm"
                                                            name="exterior_ids[]"
                                                            multiple data-style="form-control btn-secondary">
                                                        @foreach($exterior as $exterior)
                                                            <option value="{{$exterior->id}}"
                                                                {!! $form_init->exterior_ids&&in_array($exterior->id,$form_init->exterior_ids)?'selected="selected"':'' !!}>{{$exterior->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm row">
                                                <label class="control-label text-right col-md-2">
                                                    Tình trạng pháp lý <span class="text-danger">*</span>
                                                </label>

                                                <div class="col-md-2">
                                                    <select class="form-control form-control-sm" name="legal_status">
                                                        <option value="">Chưa xác định</option>
                                                        @foreach($legal_status as $legal_status)
                                                            <option value="{{$legal_status['id']}}"
                                                                {!! $form_init->legal_status==$legal_status['id']?'selected="selected"':'' !!}>{{$legal_status['name']}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm row">
                                                <label class="control-label text-right col-md-2">
                                                    <b>GIÁ</b> <span class="text-danger">*</span>
                                                </label>
                                                <div class="col-md-2">
                                                    <div class="input-group">
                                                        <input type="number" name="price" min="0" step="0.01"
                                                               value="{{$form_init->price?floatval($form_init->price):''}}"
                                                               required="required"
                                                               class="form-control form-control-sm calculator_in">
                                                        <select class="form-control form-control-sm calculator_in"
                                                                name="price_type">
                                                            @foreach($price_type as $price_type)
                                                                <option value="{{$price_type['id']}}"
                                                                    {!! $form_init->price_type==$price_type['id']||empty($form_init->price_type)?'selected="selected"':'' !!}>{{$price_type['name']}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>

                                                <label class="control-label text-right col-md-1">
                                                    Giá m<sup>2</sup>
                                                </label>
                                                <div class="col-md-1">
                                                    <input type="text"
                                                           readonly="readonly" id="price_per_square_meters"
                                                           name="price_per_square_meters"
                                                           class="form-control form-control-sm calculator_in">
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm row">
                                                <label class="control-label text-right col-md-2">
                                                    Giá thuê tháng <span class="text-danger">&nbsp;</span>
                                                </label>
                                                <div class="col-md-2">
                                                    <div class="input-group">
                                                        <input type="number" name="monthly_price" min="0" step="1"
                                                               value="{{$form_init->monthly_price?floatval($form_init->monthly_price):''}}"
                                                               class="form-control form-control-sm">
                                                        <select class="form-control form-control-sm"
                                                                name="monthly_price_unit">
                                                            <option value="VNĐ" {!! $form_init->monthly_price_unit=='VNĐ'?'selected="selected"':'' !!}>
                                                                VNĐ
                                                            </option>
                                                            <option value="USD" {!! $form_init->monthly_price_unit=='USD'?'selected="selected"':'' !!}>
                                                                USD
                                                            </option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm row">
                                                <label class="control-label text-right col-md-2">
                                                    Hiện trạng <span class="text-danger">*</span>
                                                </label>
                                                <div class="col-md-10">
                                                    <input type="radio" id="radio_0" name="status" value=""
                                                        {{empty($form_init->status)?'checked':''}}/>
                                                    <label for="radio_0">Chưa xác định</label>

                                                    @foreach($status as $k=>$v)
                                                        <input type="radio" id="radio_{{$v['id']}}" name="status"
                                                               value="{{$v['id']}}"
                                                            {{$form_init->status==$v['id']?'checked':''}}/>
                                                        <label for="radio_{{$v['id']}}">{{$v['name']}}</label>
                                                    @endforeach
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm row hide">
                                                <label class="control-label text-right col-md-2">
                                                    Trạng thái gọi <span class="text-danger">&nbsp;</span>
                                                </label>
                                                <div class="col-md-10">
                                                    @foreach($status_local as $k=>$v)
                                                        @if($v['id']==1)
                                                            @continue
                                                        @endif
                                                        <input type="radio" id="status_local_{{$v['id']}}"
                                                               name="status_local" value="{{$v['id']}}"
                                                            {{$form_init->status_local==$v['id']?'checked':''}}/>
                                                        <label for="status_local_{{$v['id']}}">{{$v['name']}}</label>
                                                    @endforeach
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm row hide">
                                                <label class="control-label text-right col-md-2">
                                                    Ngày gọi <span class="text-danger">&nbsp;</span>
                                                </label>
                                                <div class="col-md-2">
                                                    <input type="text" name="callback_at" readonly
                                                           class="form-control form-control-sm"
                                                           {{--                                                           data-toggle="datepicker"--}}
                                                           value="{{date('Y-m-d H:i:s')}}">
                                                </div>
                                            </div>

                                            @if(isset($is_edit)&& in_array(Auth()->guard('backend')->user()->account_position,[1,2]))
                                                <div class="form-group form-group-sm row">
                                                    <label class="control-label text-right col-md-2">
                                                        Kiểm duyệt <span class="text-danger">&nbsp;</span>
                                                    </label>
                                                    <div class="col-md-10">
                                                        @foreach($censorship as $k=>$v)
                                                            @if($v['id']==1)
                                                                @continue
                                                            @endif
                                                            <input type="radio" id="status_censorship_{{$v['id']}}"
                                                                   name="status_censorship" value="{{$v['id']}}"
                                                                {{$form_init->status_censorship==$v['id']?'checked':''}}/>
                                                            <label for="status_censorship_{{$v['id']}}">{{$v['name']}}</label>
                                                        @endforeach
                                                    </div>
                                                </div>
                                            @endif

                                        </div>
                                    </div>

                                    <div class="lien-he">
                                        <div role="tab">
                                            <h5 class="header-accordion">
                                                <a data-toggle="collapse" href="#collapse_lienhe"
                                                   aria-expanded="true" aria-controls="collapseOne">
                                                    Thông tin liên hệ
                                                </a>

                                                <button class="btn btn-xs btn-info pull-right"
                                                        onclick="LCKApp.addContact();"
                                                        type="button"><i class="fa fa-plus"></i></button>
                                            </h5>
                                        </div>

                                        <div id="collapse_lienhe" class="collapse show" role="tabpanel">
                                            <div class="row contact_div">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="hinh-anh">
                                                <div role="tab">
                                                    <h5 class="header-accordion">
                                                        <a data-toggle="collapse" href="#collapse_hinhanh"
                                                           aria-expanded="true" aria-controls="collapseOne">
                                                            Ảnh hiện trạng
                                                        </a>
                                                    </h5>
                                                </div>

                                                <div id="collapse_hinhanh" class="collapse show" role="tabpanel">
                                                    <div class="form-group">
                                                        <div class="dropzone" id="myDropzone"
                                                             action="{{route('backend.ajax.uploadImage')}}">
                                                            <div class="dz-message">
                                                                <div class="col-xs-8">
                                                                    <div class="message">
                                                                        <h6>Kéo thả tập tin vào hoặc Click để tải
                                                                            lên</h6>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="result">
                                                                @foreach($file_images as $file)
                                                                    <div class="thumb-nail-view">
                                                                        <img src="{{$file->file_src}}"
                                                                             class="img-thumbnail">
                                                                        <input name="image_ids[]" value="{{$file->id}}"
                                                                               type="hidden">
                                                                        <a href="javascript:;"
                                                                           onclick="removeFile($(this))"
                                                                           data-id="{{$file->id}}">Xóa</a>
                                                                    </div>
                                                                @endforeach
                                                            </div>
                                                            <div class="fallback">
                                                                <input type="file" name="file" multiple
                                                                       style="opacity: 0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="hinh-anh-giay-to">
                                                <div role="tab">
                                                    <h5 class="header-accordion">
                                                        <a data-toggle="collapse" href="#collapse_hinhanhgiayto"
                                                           aria-expanded="true" aria-controls="collapseOne">
                                                            Ảnh giấy tờ chủ quyền
                                                        </a>
                                                    </h5>
                                                </div>

                                                <div id="collapse_hinhanhgiayto" class="collapse show" role="tabpanel">
                                                    <div class="form-group">
                                                        <div class="dropzone" id="myDropzone2"
                                                             action="{{route('backend.ajax.uploadImage')}}">
                                                            <div class="dz-message">
                                                                <div class="col-xs-8">
                                                                    <div class="message">
                                                                        <h6>Kéo thả tập tin vào hoặc Click để tải
                                                                            lên</h6>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="result">
                                                                @foreach($file_images_extra as $file)
                                                                    <div class="thumb-nail-view">
                                                                        <img src="{{$file->file_src}}"
                                                                             class="img-thumbnail">
                                                                        <input name="image_extra_ids[]"
                                                                               value="{{$file->id}}" type="hidden">
                                                                        <a href="javascript:;"
                                                                           onclick="removeFile($(this))"
                                                                           data-id="{{$file->id}}">Xóa</a>
                                                                    </div>
                                                                @endforeach
                                                            </div>
                                                            <div class="fallback">
                                                                <input type="file" name="file" multiple
                                                                       style="opacity: 0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

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

                        <div class="form-group text-center">
                            <button class="btn btn-info"
                                    type="submit">{{isset($is_edit)?'Sửa dự án':'Thêm dự án'}}
                            </button>
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>

    @include('backend.products.modal.addStreet')

@endsection

@section('script')
    <script id="template_contact" type="x-tmpl-mustache">
        @include('backend.products.mustache.contact')
    </script>

    <script src="https://maps.google.com/maps/api/js?key={{config('constants.google_maps_key')}}&sensor=true"></script>
    <script src="{{ asset('/storage/backend/assets/plugins/gmaps/gmaps.min.js')}}"></script>
    <script src="{{ asset('/storage/backend/js/markerwithlabel.js')}}" type="text/javascript"></script>
    <script src="{{ asset('/storage/backend/js/gmaps.js')}}?v={{ config('constants.asset_version') }}"></script>

    <script>

        var contact = {!! json_encode($contacts) !!};

        home_structure({{$form_init->home_structure}});

        LCKApp.selectLocation('#form-add ');
        LCKApp.calculatorArea();

        if (contact.length <= 0) {
            LCKApp.addContact();
        } else {
            LCKApp.loadContact(contact);
        }

        $('.home_structure').change(function () {
            var v = parseInt($(this).val());
            home_structure(v);
        });

        function home_structure(id) {
            if (id == 2) {
                $('.cap4_div, .tiennghi_div').removeClass('hide');
                $('.san_div').addClass('hide');
            } else if (id == 3) {
                $('.san_div, .cap4_div, .tiennghi_div').removeClass('hide');
            } else {
                $('.san_div, .cap4_div, .tiennghi_div').addClass('hide');
            }
        }

        Dropzone.options.myDropzone = {
            uploadMultiple: true,
            parallelUploads: 1,
            maxFilesize: 16,
            addRemoveLinks: false,
            dictFileTooBig: 'Dung lượng hình lớn hơn 16MB',
            timeout: 10000,
            params: {
                _token: $('[name="_token"]').val(),
                type: 'image'
            },
            init: function () {
                this.on("complete", function (file, reponse) {
                    $('#myDropzone .dz-preview').remove();
                    $('#myDropzone').removeClass('dz-started');
                });
            },
            success: function (file, reponse) {
                $.each(reponse.r, function (i, item) {
                    appendImage(item.id, item.url, '#myDropzone .result', 'image_ids[]');
                });
                reorder_image();
            }
        }

        Dropzone.options.myDropzone2 = {
            uploadMultiple: true,
            parallelUploads: 1,
            maxFilesize: 16,
            addRemoveLinks: false,
            dictFileTooBig: 'Dung lượng hình lớn hơn 16MB',
            timeout: 10000,
            params: {
                _token: $('[name="_token"]').val(),
                type: 'image_extra'
            },
            init: function () {
                this.on("complete", function (file) {
                    $('#myDropzone2 .dz-preview').remove();
                    $('#myDropzone2').removeClass('dz-started');
                });
            },
            success: function (file, reponse) {
                $.each(reponse.r, function (i, item) {
                    appendImage(item.id, item.url, '#myDropzone2 .result', 'image_extra_ids[]');
                });
                reorder_image();
            }
        };

        function removeFile(d) {
            var file_id = d.data('id');
            $.post({
                url: '{{route('backend.ajax.removeImage')}}',
                data: {id: file_id, _token: $('[name="_token"]').val()},
                dataType: 'json',
                success: function (data) {
                    d.parent().remove();
                }
            });
        }

        function appendImage(id, src, parent_div, input_name) {
            $(parent_div).append('<div class="thumb-nail-view">\n' +
                '        <img src="' + src + '" class="img-thumbnail"/>\n' +
                '        <input name="' + input_name + '" value="' + id + '" type="hidden"/>\n' +
                '        <a href="javascript:;" onclick="removeFile($(this))" data-id="' + id + '">Xóa</a>\n' +
                '    </div>')
        }

        var map = null;
        $(document).ready(function () {
            var option = {
                'map_id': 'map_form',
                'lat': '{{$form_init->location_lat}}',
                'long': '{{$form_init->location_long}}',
                'skip_product_id': '{{isset($product_id)?$product_id:''}}',
                'draggable': true,
                'out_lat': '#lat',
                'out_long': '#lng',
            };
            map = initMap(option);
        });

        $('input[name=home_number]').change(function () {
            var province = $('#form-add .select_province option:selected').text();
            var district = $('#form-add .select_district option:selected').text();
            var ward = $('#form-add .select_ward option:selected').text();
            var street = $('#form-add .select_street option:selected').text();
            var home_number = this.value;

            if (home_number != '' && street != 'Chọn' && street != 'Chọn' && ward != 'Chọn' && district != 'Chọn' && province != 'Chọn') {
                var address = home_number + ' ' + street + ', ' + ward + ', ' + district + ', ' + province;
                var location = change_maker(map, address, "{{config('constants.google_maps_key')}}");
            }
        });

        function reorder_image() {
            var ele = $(".dropzone .result");
            ele.sortable({tolerance: 'pointer'});
            ele.sortable("enable");
        }
    </script>
@stop