@extends('admin.layouts.master')
@section('styles')
    @parent
    {{ HTML::style('assets/admin/vendor/daterangepicker/daterangepicker.css') }}
    {{ HTML::style('assets/admin/vendor/tagit/css/jquery.tagit.css') }}
    {{ HTML::style('assets/admin/vendor/tagsinput/bootstrap-tagsinput.css') }}
@stop
@section('content')
@section('bodyClass')
    @parent
    hold-transition skin-blue sidebar-mini
@stop
@php
    $postType = 'project';
@endphp
<div class="container-fluid dashboard-content">
    <div class="row">
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
            <div class="page-header">
                <h2 class="pageheader-title">Create Project</h2>
            </div>
        </div>
    </div>
    {{ Form::open(['url' => [apa('projects/create')], 'files' => true, 'id' => 'add-form']) }}
    <div class="row">
        <div class="col-sm-12">
            @include('admin.common.user_message')
        </div>
        <!-- ============================================================== -->
        <!-- striped table -->
        <!-- ============================================================== -->
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
            <div class="card">
                <div class="card-body">
                    <section class="basic_settings">
                        <div class="row">
                            <div class="col-sm-6 form-group">
                                <label for="project_title" class="col-form-label">Title <em>*</em></label>
                                <input type="text" name="project_title" id="project_title" class="form-control"
                                    placeholder="" value="{{ old('project_title') ?? "" }}" required />
                            </div>
                                                    </div>
                        <hr />
                        <div class="row">
                            <div class="col-sm-6 form-group">
                                <label class="col-form-label" for="project_sub_title">Sub Title<em>*</em></label>
                                <input type="text" name="project_sub_title" id="project_sub_title"
                                    class="form-control" placeholder="" value="" required />
                            </div>
                                                   </div>
                        <hr />
                        <div class="row">
                            <div class="col-sm-6 form-group">
                                <label for="project_short_description" class="col-form-label">Project Short Description</label>
                                <textarea id="project_short_description" name="project_short_description" class="form-control ckeditorEn"> {!! old('project_short_description') !!} </textarea>
                            </div>
                                                    </div>
                        <hr />
                        <div class="row">
                            <div class="col-sm-6 form-group">
                                <label for="project_about" class="col-form-label">About Project</label>
                                <textarea id="project_about" name="project_about" class="form-control ckeditorEn"> {!! old('project_about') ?? "" !!} </textarea>
                            </div>
                                                   </div>
                        <hr />
                        <div class="row">
                            @if (!empty($locationList) && $locationList->isNotEmpty())

                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="project_location" class="col-form-label">Location<em>*</em></label>
                                        <select class="form-control" id="project_location" required
                                            name="project_location">
                                            <option value="">select</option>
                                            @foreach ($locationList as $item)
                                                <option
                                                    {{ old('project_location') ?? "" == $item->post_id ? 'selected' : '' }}
                                                    value="{{ $item->post_id }}">{{ $item->post_title }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                            @endif
                            @if (!empty($communityList) && $communityList->isNotEmpty())

                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="project_community"
                                            class="col-form-label">Community<em>*</em></label>
                                        <select class="form-control" id="project_community" required
                                            name="project_community">
                                            <option value="">select</option>
                                            @foreach ($communityList as $item)
                                                <option
                                                    {{ old('project_community') ?? "" == $item->post_id ? 'selected' : '' }}
                                                    value="{{ $item->post_id }}">{{ $item->post_title }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                            @endif
                            @if (!empty($propertyType) && $propertyType->isNotEmpty())

                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="project_property_type" class="col-form-label">Property
                                            Type<em>*</em></label>
                                        <select class="form-control" id="project_property_type" required
                                            name="project_property_type">
                                            <option value="">select</option>
                                            @foreach ($propertyType as $item)
                                                <option
                                                    {{ old('project_property_type') ?? "" == $item->pt_id ? 'selected' : '' }}
                                                    value="{{ $item->pt_id }}">{{ $item->pt_title }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                            @endif
                            
                        </div>

                        <div class="row">
                            <div class="col-sm-12 form-group">
                                <label class="col-form-label" for="map_location">Map Location</label>
                                <input type="text" name="map_location" id="map_location"
                                    class="form-control" placeholder="" value="" />

                            </div>
                            <div class="col-sm-12 form-group">
                                <div id="us3" style="width:100%; height: 200px;"></div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-6 form-group">
                                <label for="project_location_lat" class="col-form-label">Location <em>*</em></label>
                                <input type="text" name="project_location_lat" id="project_location_lat"
                                    class="form-control" readonly="true" placeholder=""
                                    value="{{ old('project_location_lat') ?? "" }}" required />
                            </div>
                            <div class="col-sm-6 form-group">
                                <label for="project_location_lng" class="col-form-label">Location <em>*</em></label>
                                <input type="text" readonly="true" name="project_location_lng"
                                    id="project_location_lng" class="form-control" placeholder=""
                                    value="{{ old('project_location_lng') ?? "" }}" required />
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-6 form-group">
                                <label for="project_video" class="col-form-label">Project Video (Youtube Url)
                                    </label>
                                <input type="text" name="project_video" id="project_video" class="form-control"
                                    placeholder="" value="{{ old('project_video') ?? "" }}" />
                            </div>
                        </div>

                        <div class="row">
                            @php
                                $uploaders = [
                                    [
                                        'label' => 'Upload Image',
                                        'control_name' => 'project_image',
                                        'type' => 'image',
                                        'old_file_name' => old('project_image') ?? "",
                                        'required' => false,
                                        'mimes' => ['jpg', 'jpeg', 'png'],
                                        'maxSize' => '2MB',
                                        'postType' => 'project',
                                        'path' => 'project',
                                    ],
                                    [
                                        'label' => 'Upload Logo',
                                        'control_name' => 'project_logo',
                                        'type' => 'image',
                                        'old_file_name' => old('project_logo') ?? "",
                                        'required' => false,
                                        'mimes' => ['jpg', 'jpeg', 'png'],
                                        'maxSize' => '2MB',
                                        'postType' => 'project',
                                        'path' => 'project',
                                    ],
                                    [
                                        'label' => 'Upload Inquiry Banner',
                                        'control_name' => 'project_inquiry_image',
                                        'type' => 'image',
                                        'old_file_name' => old('project_inquiry_image') ?? "",
                                        'required' => false,
                                        'mimes' => ['jpg', 'jpeg', 'png'],
                                        'maxSize' => '2MB',
                                        'postType' => 'project',
                                        'path' => 'project',
                                    ],
                                    [
                                        'label' => 'Upload Mobile Image',
                                        'control_name' => 'project_image_mobile',
                                        'type' => 'image',
                                        'old_file_name' => old('project_image_mobile') ?? "",
                                        'required' => false,
                                        'mimes' => ['jpg', 'jpeg', 'png'],
                                        'maxSize' => '2MB',
                                        'postType' => 'project',
                                        'path' => 'project',
                                    ],
                                ];
                            @endphp

                            @foreach ($uploaders as $uploaderData)
                                <div class="col-sm-6 form-group">
                                    @include('admin.common.file_upload.custom_uploader', $uploaderData)
                                </div>
                            @endforeach
                        </div>

                    </section>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
        <div class="card">
            <div class="card-header">
                <h2 class="title">Project Material</h2>
            </div>
            <div class="card-body">
                <div class="row">
                    @php
                        $uploadersMaterials = [
                            [
                                'label' => 'Upload Brochure [Max 2Mb]',
                                'control_name' => 'project_brochure',
                                'type' => 'file',
                                'old_file_name' => old('project_brochure') ?? "",
                                'required' => false,
                                'mimes' => ['pdf'],
                                'maxSize' => '2Mb',
                                'postType' => 'project',
                                'path' => 'project',
                            ],
                            [
                                'label' => 'Upload Factsheet [Max 2Mb]',
                                'control_name' => 'project_factsheet',
                                'type' => 'file',
                                'old_file_name' => old('project_factsheet') ?? "",
                                'required' => false,
                                'mimes' => ['pdf'],
                                'maxSize' => '2Mb',
                                'postType' => 'project',
                                'path' => 'project',
                            ],
                            [
                                'label' => 'Upload Unit Type Sheet [Max 2Mb]',
                                'control_name' => 'project_unit_type',
                                'type' => 'file',
                                'old_file_name' => old('project_unit_type') ?? "",
                                'required' => false,
                                'mimes' => ['pdf'],
                                'maxSize' => '2Mb',
                                'postType' => 'project',
                                'path' => 'project',
                            ],
                            [
                                'label' => 'Upload Trifold  [Max 2Mb]',
                                'control_name' => 'project_trifold',
                                'type' => 'file',
                                'old_file_name' => old('project_trifold') ?? "",
                                'required' => false,
                                'mimes' => ['pdf'],
                                'maxSize' => '2Mb',
                                'postType' => 'project',
                                'path' => 'project',
                            ],
                            [
                                'label' => 'Upload Floor Plan  [Max 2Mb]',
                                'control_name' => 'project_floor_plane',
                                'type' => 'file',
                                'old_file_name' => old('project_floor_plane') ?? "",
                                'required' => false,
                                'mimes' => ['pdf'],
                                'maxSize' => '2Mb',
                                'postType' => 'project',
                                'path' => 'project',
                            ],
                            [
                                'label' => 'Master Plan  [Max 2Mb]',
                                'control_name' => 'project_master_plan',
                                'type' => 'file',
                                'old_file_name' => old('project_master_plan') ?? "",
                                'required' => false,
                                'mimes' => ['pdf'],
                                'maxSize' => '2Mb',
                                'postType' => 'project',
                                'path' => 'project',
                            ],
                            [
                                'label' => 'Masterplan VR Tour  [Max 2Mb]',
                                'control_name' => 'project_master_vrtour',
                                'type' => 'file',
                                'old_file_name' => old('project_master_vrtour') ?? "",
                                'required' => false,
                                'mimes' => ['pdf'],
                                'maxSize' => '2Mb',
                                'postType' => 'project',
                                'path' => 'project',
                            ],
                        ];
                    @endphp

                    @foreach ($uploadersMaterials as $uploaderData)
                        <div class="col-sm-6 form-group">
                            @include('admin.common.file_upload.custom_uploader', $uploaderData)
                        </div>
                    @endforeach

                    <div class="col-sm-8 form-group">
                        <label for="project_brochure_url" class="col-form-label">Brochure URL</label>
                        <input type="text" name="project_brochure_url" id="project_brochure_url"
                            class="form-control" placeholder="" value="{{ old('project_brochure_url') ?? "" }}" />
                    </div>

                    <div class="col-sm-8 form-group">
                        <label for="project_factsheet_url" class="col-form-label">Factsheet URL</label>
                        <input type="text" name="project_factsheet_url" id="project_factsheet_url"
                            class="form-control" placeholder="" value="{{ old('project_factsheet_url') ?? "" }}" />
                    </div>

                    <div class="col-sm-8 form-group">
                        <label for="project_unit_type_url" class="col-form-label">Unit Type Sheet URL</label>
                        <input type="text" name="project_unit_type_url" id="project_unit_type_url"
                            class="form-control" placeholder="" value="{{ old('project_unit_type_url') ?? "" }}" />
                    </div>

                    <div class="col-sm-8 form-group">
                        <label for="project_trifold_url" class="col-form-label">Trifold URL</label>
                        <input type="text" name="project_trifold_url" id="project_trifold_url"
                            class="form-control" placeholder="" value="{{ old('project_trifold_url') ?? "" }}" />
                    </div>

                    <div class="col-sm-8 form-group">
                        <label for="project_floor_plane_url" class="col-form-label">Floor Plan URL</label>
                        <input type="text" name="project_floor_plane_url" id="project_floor_plane_url"
                            class="form-control" placeholder="" value="{{ old('project_floor_plane_url') ?? "" }}" />
                    </div>

                    <div class="col-sm-8 form-group">
                        <label for="project_master_plan_url" class="col-form-label">Master Plan URL</label>
                        <input type="text" name="project_master_plan_url" id="project_master_plan_url" class="form-control" placeholder="" value="{{ old('project_master_plan_url') ?? "" }}" />
                    </div>

                    <div class="col-sm-8 form-group">
                        <label for="project_master_vrtour_url" class="col-form-label">Masterplan VR Tour</label>
                        <input type="text" name="project_master_vrtour_url" id="project_master_vrtour_url"
                            class="form-control" placeholder="" value="{{ old('project_master_vrtour_url') ?? "" }}" />
                    </div>

                </div>
            </div>

        </div>
    </div>
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
        <div class="card">
            <div class="card-header">
                <h2 class="title">Near by</h2>
            </div>
            <div class="card-body">
                <div class="row element-group">

                    <div class="col-sm-4">
                        <div class="form-group">
                            <label for="nearby_title" class="col-form-label">Title <em>*</em></label>
                            <input type="text" id="nearby_title" class="form-control" placeholder=""
                                value="{{ old('nearby_title') ?? "" }}" />
                        </div>
                    </div>
                                   </div>
                <hr />
                <div class="row element-group">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label for="nearby_distance" class="col-form-label">Distance <em>*</em></label>
                            <input type="number" id="nearby_distance" class="form-control" placeholder=""
                                value="{{ old('nearby_distance') ?? "" }}" />
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label for="distance_unit" class="col-form-label">Distanc Unit</label>
                            <select class="form-control" id="distance_unit">
                                <option value="">select</option>
                                <option value="km">Kilometer</option>
                                <option value="meter">Meter</option>
                                <option value="hour">Hour</option>
                                <option value="minute">Minute</option>
                            </select>
                        </div>
                    </div>
                    @if (!empty($nearby) && $nearby->isNotEmpty())

                        <div class="col-sm-4">
                            <div class="form-group">
                                <label for="nt_image" class="col-form-label">Type<em>*</em></label>
                                <select class="form-control" id="nt_image" name="nt_image">
                                    <option>select</option>
                                    @foreach ($nearby as $item)
                                        <option value="{{ $item->getMeta('icon_image') ?? "" }}">{{ $item->post_title }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                    @endif


                                        <div class="col-sm-4">
                        <div class="button-control-nearby-wrapper">
                            <div class="form-group">
                                <a href="#" id="add-nearby" class="btn btn-info">Add</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th scope="col">Title </th>
                                
                                <th scope="col">Distance</th>
                                <th scope="col">Icon</th>
                                <th scope="col"></th>
                            </tr>
                        </thead>
                        <tbody id="nearby-tr">

                        </tbody>
                    </table>
                </div>



            </div>
        </div>
    </div>
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-sm-6 form-group">
                        <label for="exterior" class="col-form-label">Exterior</label>
                        <textarea id="exterior" name="exterior" class="form-control ckeditorEn"> {!! old('exterior') ?? "" !!} </textarea>
                    </div>
                                    </div>
                <hr />
                <div class="row">
                    <div class="col-sm-6 form-group">
                        <label for="interior" class="col-form-label">Interior</label>
                        <textarea id="interior" name="interior" class="form-control ckeditorEn"> {!! old('interior') ?? "" !!} </textarea>
                    </div>
                                    </div>
            </div>
        </div>
    </div>
    @include('admin.projects.interior_exterior_gallery')
    @if (!empty($amenities) && $amenities->count() > 0)
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
            <div class="card">
                <div class="card-header">
                    <h2 class="title">Amenities</h2>
                </div>
                <div class="card-body">
                    <div class="row">
                        @foreach ($amenities as $items)
                            <div class="col-sm-3 form-group">
                                <input type="checkbox" name="amenities[]" value="{{ $items->post_id }}">
                                <label for="exterior" class="col-form-label">{{ $items->post_title }}</label>
                            </div>
                        @endforeach
                    </div>

                </div>
            </div>
        </div>
    @endif
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
        <div class="card">
            <div class="card-header">
                <h2 class="title">Unit type</h2>
            </div>
            <div class="card-body">
                <div class="row element-group">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label for="ut-type" class="col-form-label">select Type</label>
                            <select class="form-control" id="ut-type">
                                @if (!empty($bedroom_type))
                                    <option value="">select</option>
                                    @foreach ($bedroom_type as $row)
                                        <option value="{{ $row->br_id }}">{{ $row->br_title }}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>

                    </div>
                </div>
                <hr />
                <div class="row element-group">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label for="unit_title" class="col-form-label">Title <em>*</em></label>
                            <input type="text" id="unit_title" class="form-control" placeholder=""
                                value="{{ old('nearby_title') ?? "" }}" />
                        </div>
                    </div>
                    
                </div>
                <hr />
                <div class="row element-group">

                    @php
                        $uploaders = [
                            [
                                'label' => 'Upload Image',
                                'control_name' => 'unit_image',
                                'type' => 'image',
                                'old_file_name' => old('meta')['text']['unit_image'] ?? "",
                                'required' => false,
                                'mimes' => ['jpg', 'jpeg', 'png'],
                                'maxSize' => '2MB',
                                'postType' => 'project',
                                'path' => 'project',
                            ],
                        ];
                    @endphp

                    @foreach ($uploaders as $uploaderData)
                        <div class="col-sm-4 form-group">
                            @include('admin.common.file_upload.uploader', $uploaderData)
                        </div>
                    @endforeach
                    <div class="col-sm-4">
                        <div class="button-control-nearby-wrapper">
                            <div class="form-group">
                                <a href="#" id="add-unit-type" class="btn btn-info">Add</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-12">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th scope="col">Room Type </th>
                                <th scope="col">Title </th>
                                
                                <th scope="col">Image</th>
                                <th scope="col"></th>
                            </tr>
                        </thead>
                        <tbody id="unit-tr">

                        </tbody>
                    </table>
                </div>



            </div>
        </div>
    </div>
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
        <div class="card">
            <div class="card-header">
                <h2 class="title">Virtual Tour</h2>
            </div>
            <div class="card-body">

                <div class="row element-group">

                    <div class="col-sm-4">
                        <div class="form-group">
                            <label for="virtual_tour_title" class="col-form-label">Title <em>*</em></label>
                            <input type="text" id="virtual_tour_title" class="form-control" placeholder=""
                                value="{{ old('virtual_tour_title') ?? "" }}" />
                        </div>
                    </div>
                                    </div>
                <hr />
                <div class="row element-group">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label for="virtual_tour_link" class="col-form-label">Link <em>*</em></label>
                            <input type="text" id="virtual_tour_link" class="form-control" placeholder=""
                                value="{{ old('virtual_tour_link') ?? "" }}" />
                        </div>
                    </div>
                    @php
                        $uploaders = [
                            [
                                'label' => 'Upload Image',
                                'control_name' => 'virtual_tour_image',
                                'type' => 'image',
                                'old_file_name' => old('meta')['text']['virtual_tour_image'] ?? "",
                                'required' => false,
                                'mimes' => ['jpg', 'jpeg', 'png'],
                                'maxSize' => '2MB',
                                'postType' => 'project',
                                'path' => 'project',
                            ],
                        ];
                    @endphp

                    @foreach ($uploaders as $uploaderData)
                        <div class="col-sm-4 form-group">
                            @include('admin.common.file_upload.uploader', $uploaderData)
                        </div>
                    @endforeach
                    <div class="col-sm-4">
                        <div class="button-control-nearby-wrapper">
                            <div class="form-group">
                                <a href="#" id="add-vt" class="btn btn-info">Add</a>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="col-sm-12">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th scope="col">Link</th>
                                <th scope="col">Title</th>
                                
                                <th scope="col">Image</th>
                                <th scope="col"></th>
                            </tr>
                        </thead>
                        <tbody id="vt-tr">

                        </tbody>
                    </table>
                </div>



            </div>
        </div>
    </div>
    @include('admin.common.project_banner')
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="project_priority" class="col-form-label">Display Priority</label>
                            <input type="number" min="1" name="project_priority" id="project_priority"
                                class="form-control" placeholder="" value="{{ old('project_priority') ?? "" }}"
                                required />
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="project_status" class="col-form-label">Status</label>
                            <select class="form-control" id="project_status" name="project_status">
                                <option {{ old('project_status') ?? "" == 1 ? 'selected' : '' }} value="1">Publish
                                </option>
                                <option {{ old('project_status') ?? "" == 2 ? 'selected' : '' }} value="2">Unpublish
                                </option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <div class="button-control-wrapper">
                            <div class="form-group">
                                <input class="btn btn-primary" type="submit" name="btnsubmit" value="Save" />
                                <a href="{{ apa('projects') }}" class="btn btn-danger">Close</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{ Form::close() }}
</div>
@stop

@section('scripts')
@parent
<script src="https://maps.googleapis.com/maps/api/js?key={{ Config('app.mapKey') }}&sensor=false&libraries=places">
</script>
<script type="text/javascript" src="{{ asset('assets/admin/vendor/pgs/js/locationpicker.jquery.min.js') }}"></script>
<script src="{{ asset('assets/admin/vendor/tagsinput/bootstrap-tagsinput.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/editor/full/ckeditor/ckeditor.js') }}" type="text/javascript"></script>
@include('admin.common.common_gallery_scripts')
<script>
    window.onload = function() {
        $("#videoGalleryUpload").hide();
    }
</script>
<script>
    var filepath = "{{ asset('storage/post') }}/";
    $(document).ready(function() {
        PGSADMIN.utils.createEnglishArticleEditor();
        PGSADMIN.utils.createArabicArticleEditor();
        PGSADMIN.utils.createMediaUploader("{{ route('post_media_create', ['slug' => 'project']) }}",
            "#galleryWrapper", "{{ apa('post_media_download') }}/", "{{ asset('storage/post') }}/");
        PGSADMIN.utils.createAjaxFileUploader("{{ route('post_media_create', ['slug' => 'project']) }}",
            "{{ apa('post_media_download') }}/", "{{ asset('storage/post') }}/");

        $('#post_tags').tagsinput({
            confirmKeys: [13, 188]
        });

        $('#type').on('change', function() {
            $('#private_token').closest('.col-sm-6').hide();
            if (this.value == 'private') {
                $('#private_token').closest('.col-sm-6').show();
            }
        });

        $('body').on('keydown', '.bootstrap-tagsinput input', function(e) {
            var keyCode = e.keyCode || e.which;
            if (keyCode === 9 || keyCode === 13) {
                e.preventDefault();
                $("#post_tags").tagsinput('add', $(this).val());
                $(this).val('');
                return false;
            }
        });

    });
    $('#us3').locationpicker({
        location: {
            latitude: 25.2237096,
            longitude: 55.2715783,
        },
        radius: 300,
        inputBinding: {
            latitudeInput: $('#project_location_lat'),
            longitudeInput: $('#project_location_lng'),
            radiusInput: $('#us3-radius'),
            locationNameInput: $('#map_location')
        },
        enableAutocomplete: true,
        onchanged: function(currentLocation, radius, isMarkerDropped) {
            // Uncomment line below to show alert on each Location Changed event
            //alert("Location changed. New location (" + currentLocation.latitude + ", " + currentLocation.longitude + ")");
        }
    });


    $('#add-nearby').on('click', function(event) {
        event.preventDefault();

        var title = $('#nearby_title').val();
        // var title_ar = $('#nearby_title_arabic').val();
        // var title_tr = $('#nearby_title_russian').val();
        var nearby_distance = $('#nearby_distance').val();
        var distance_unit = $('#distance_unit').val();
        var image = $('#nt_image').val();

        if (!title || !title_ar || !nearby_distance || !distance_unit || !image) {
            swal.fire({
                title: 'Missing',
                text: "Fill all required Fields",
                type: "warning",
                confirmButtonText: window.appTrans.ok,
                confirmButtonColor: '#000',
                closeOnConfirm: false
            })
            return false;
        }



        var htmlDom = '<tr>' +

            '<td><input type="text" value="' + title + '" name="nearby[title][]"></td>' +
            // '<td><input type="text" value="' + title_ar + '" name="nearby[title_arabic][]"></td>' +
            // '<td><input type="text" value="' + title_tr + '" name="nearby[title_russian][]"></td>' +
            '<td><input type="text" value="' + nearby_distance + '" name="nearby[distance][]"></td>' +
            '<td><input type="text" value="' + distance_unit + '" name="nearby[distance_unit][]"></td>' +
            '<td><input type="hidden" value="' + image + '" name="nearby[image][]"><img src="' + filepath +
            image + '" style="height:50px;"></td>' +
            '<td><a href="#" class="remove-nt"><i class="fa fa-trash"></i></td>' +
            '</tr>';

        $('#nearby-tr').append(htmlDom);
        $(this).closest('.element-group').find('input').val('');
        $(this).closest('.element-group').find('.upImgWrapper').remove();
        $(this).closest('.element-group').find('.uploadFileName').html('');
        $(this).closest('.element-group').find('.uploadPercentage').html('');
        $(this).closest('.element-group').find('.uploadProgressWrapper').html('');
    })

    $('#add-unit-type').on('click', function(event) {
        event.preventDefault();
        var unit_type = $('#ut-type').val();
        var unit_title = $('#unit_title').val();
        // var unit_title_arabic = $('#unit_title_arabic').val();
        // var unit_title_russian = $('#unit_title_russian').val();
        var unit_imge = $('#unit_image').val();
        var unit_type_title = $("#ut-type option:selected").text()

        if (!unit_type || !unit_title || !unit_imge) {
            swal.fire({
                title: 'Missing',
                text: "Fill all required Fields",
                type: "warning",
                confirmButtonText: window.appTrans.ok,
                confirmButtonColor: '#000',
                closeOnConfirm: false
            })
            return false;
        }



        var htmlDom = '<tr>' +
            '<td><input type="hidden" value="' + unit_type + '" name="unit[type][]">' + unit_type_title +
            '</td>' +
            '<td><input type="text" value="' + unit_title + '" name="unit[title][]"></td>' +
            // '<td><input type="text" value="' + unit_title_arabic + '" name="unit[title_arabic][]"></td>' +
            // '<td><input type="text" value="' + unit_title_russian + '" name="unit[title_russian][]"></td>' +
            '<td><input type="hidden" value="' + unit_imge + '" name="unit[image][]"><img src="' + filepath +
            unit_imge + '" style="height:100px;"></td>' +
            '<td><a href="#" class="remove-nt"><i class="fa fa-trash"></i></td>' +
            '</tr>';

        $('#unit-tr').append(htmlDom);
        $(this).closest('.element-group').find('input').val('');
        $(this).closest('.element-group').find('.upImgWrapper').remove();
        $(this).closest('.element-group').find('.uploadFileName').html('');
        $(this).closest('.element-group').find('.uploadPercentage').html('');
        $(this).closest('.element-group').find('.uploadProgressWrapper').html('');
    })

    $('#add-vt').on('click', function(event) {
        event.preventDefault();
        var virtual_tour_link = $('#virtual_tour_link').val();
        var virtual_tour_image = $('#virtual_tour_image').val();
        var virtual_tour_title = $('#virtual_tour_title').val();
        // var virtual_tour_title_arabic = $('#virtual_tour_title_arabic').val();
        // var virtual_tour_title_russian = $('#virtual_tour_title_russian').val();

        if (!virtual_tour_link || !virtual_tour_image || !virtual_tour_title ) {
            swal.fire({
                title: 'Missing',
                text: "Fill all required Fields",
                type: "warning",
                confirmButtonText: window.appTrans.ok,
                confirmButtonColor: '#000',
                closeOnConfirm: false
            })
            return false;
        }


        var htmlDom = '<tr>' +
            '<td ><input type="text" value="' + virtual_tour_link + '" name="vt[link][]"></td>' +
            '<td><input type="text" value="' + virtual_tour_title + '" name="vt[title][]"></td>' +
            //'<td><input type="text" value="' + virtual_tour_title_arabic + '" name="vt[title_arabic][]"></td>' +
            // '" name="vt[title_russian][]"></td>' +
            '<td><input type="hidden" value="' + virtual_tour_image + '" name="vt[image][]"><img src="' +
            filepath + virtual_tour_image + '" style="height:100px;"></td>' +
            '<td><a href="#" class="remove-nt"><i class="fa fa-trash"></i></td>' +
            '</tr>';

        $('#vt-tr').append(htmlDom);
        $(this).closest('.element-group').find('input').val('');
        $(this).closest('.element-group').find('.upImgWrapper').remove();
        $(this).closest('.element-group').find('.uploadFileName').html('');
        $(this).closest('.element-group').find('.uploadPercentage').html('');
        $(this).closest('.element-group').find('.uploadProgressWrapper').html('');
    })
    $('body').on('click', '.remove-nt', function(e) {
        e.preventDefault();
        var this_ = $(this);
        Swal.fire({
            title: 'Are You Sure?',
            text: "Do you want to remove?",
            type: "warning",
            showDenyButton: true,
            showCancelButton: true,
            confirmButtonText: `Yes`,
            denyButtonText: `No`,
        }).then((result) => {
            if (result.value) {
                this_.closest('tr').remove();

            }

        })
    })
</script>
@stop