@extends('admin.layouts.master')
@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">Projects
                    <a class="float-sm-right" href="{{ apa('projects') }}"><button
                            class="btn btn-outline-dark btn-flat">Back</button></a>
                </h2>
            </div>
        </div>
    </div>

    <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="col-sm-12 card-header my-table-header">
                    <div class="row align-items-center">
                        <div class="col-sm-6">
                            <h5 class="">Update Project</h5>
                        </div>

                    </div>
                </div>
                <div class="card-body">
                    {{ Form::open(['url' => apa('projects/update/' . $project->project_id), 'files' => true, 'role' => 'form', 'name' => 'projectUpdates']) }}
                    <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="post_title" class="col-form-label">Title <em>*</em></label>
                                            <input type="text" name="project_title" id="project_title"
                                                class="form-control" placeholder=""
                                                value="{{ $project->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="{{ $project->project_sub_title }}" 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"> {!! $project->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"> {!! $project->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
                                                                {{ $project->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
                                                                {{ $project->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
                                                                {{ $project->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="{{ $project->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="{{ $project->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 Map URL</label>
                                            <input type="text" name="project_map_url" id="project_map_url"
                                                class="form-control" placeholder=""
                                                value="{{ $project->project_map_url }}" />
                                        </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="{{ $project->project_video }}" />
                                        </div>
                                    </div>


                                    <div class="row">
                                        @php
                                            $uploaders = [
                                                [
                                                    'label' => 'Upload Image',
                                                    'control_name' => 'project_image',
                                                    'type' => 'image',
                                                    'old_file_name' => $project->project_image,
                                                    'required' => false,
                                                    'mimes' => ['jpg', 'jpeg', 'png'],
                                                    'maxSize' => '2MB',
                                                    'postType' => 'project',
                                                ],
                                                [
                                                    'label' => 'Upload Logo',
                                                    'control_name' => 'project_logo',
                                                    'type' => 'image',
                                                    'old_file_name' => $project->project_logo,
                                                    'required' => false,
                                                    'mimes' => ['jpg', 'jpeg', 'png'],
                                                    'maxSize' => '2MB',
                                                    'postType' => 'project',
                                                ],
                                                [
                                                    'label' => 'Upload Inquiry Banner',
                                                    'control_name' => 'project_inquiry_image',
                                                    'type' => 'image',
                                                    'old_file_name' => $project->project_inquiry_image,
                                                    'required' => false,
                                                    'mimes' => ['jpg', 'jpeg', 'png'],
                                                    'maxSize' => '2MB',
                                                    'postType' => 'project',
                                                ],
                                                [
                                                    'label' => 'Upload Mobile Image',
                                                    'control_name' => 'project_image_mobile',
                                                    'type' => 'image',
                                                    'old_file_name' => $project->project_image_mobile,
                                                    'required' => false,
                                                    'mimes' => ['jpg', 'jpeg', 'png'],
                                                    'maxSize' => '2MB',
                                                    'postType' => '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 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' => $project->project_brochure,
                                                'required' => false,
                                                'mimes' => ['pdf'],
                                                'maxSize' => '2Mb',
                                                'postType' => 'project',
                                            ],
                                            [
                                                'label' => 'Upload Factsheet [Max 2Mb]',
                                                'control_name' => 'project_factsheet',
                                                'type' => 'file',
                                                'old_file_name' => $project->project_factsheet,
                                                'required' => false,
                                                'mimes' => ['pdf'],
                                                'maxSize' => '2Mb',
                                                'postType' => 'project',
                                            ],
                                            [
                                                'label' => 'Upload Unit Type Sheet [Max 2Mb]',
                                                'control_name' => 'project_unit_type',
                                                'type' => 'file',
                                                'old_file_name' => $project->project_unit_type,
                                                'required' => false,
                                                'mimes' => ['pdf'],
                                                'maxSize' => '2Mb',
                                                'postType' => 'project',
                                            ],
                                            [
                                                'label' => 'Upload Trifold  [Max 2Mb]',
                                                'control_name' => 'project_trifold',
                                                'type' => 'file',
                                                'old_file_name' => $project->project_trifold,
                                                'required' => false,
                                                'mimes' => ['pdf'],
                                                'maxSize' => '2MB',
                                                'postType' => 'project',
                                            ],
                                            [
                                                'label' => 'Upload Floor Plan  [Max 2Mb]',
                                                'control_name' => 'project_floor_plane',
                                                'type' => 'file',
                                                'old_file_name' => $project->project_floor_plane,
                                                'required' => false,
                                                'mimes' => ['pdf'],
                                                'maxSize' => '2Mb',
                                                'postType' => 'project',
                                            ],
                                            [
                                                'label' => 'Master Plan  [Max 2Mb]',
                                                'control_name' => 'project_master_plan',
                                                'type' => 'file',
                                                'old_file_name' => $project->project_master_plan,
                                                'required' => false,
                                                'mimes' => ['pdf'],
                                                'maxSize' => '2Mb',
                                                'postType' => 'project',
                                            ],
                                            [
                                                'label' => 'Masterplan VR Tour  [Max 2Mb]',
                                                'control_name' => 'project_master_vrtour',
                                                'type' => 'file',
                                                'old_file_name' => $project->project_master_vrtour,
                                                'required' => false,
                                                'mimes' => ['pdf'],
                                                'maxSize' => '2Mb',
                                                'postType' => '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="{{ $project->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="{{ $project->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="{{ $project->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="{{ $project->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="{{ $project->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="{{ $project->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="{{ $project->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="M">Meter</option>
                                                <option value="Hr">Hour</option>
                                                <option value="Min">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 value="">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-striped " width="100%">
                                        <thead>
                                            <tr>
                                                <th scope="col">Title </th>
                                                
                                                <th scope="col">Distance</th>
                                                <th scope="col">Unit</th>
                                                <th scope="col">Image</th>
                                                <th scope="col">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody id="nearby-tr" class="listTable">
                                            @if (!empty($project->nearby))
                                                @foreach ($project->nearby as $nt)
                                                    <tr>

                                                        <td>
                                                            <input type="text" value="{{ $nt->nt_title }}"
                                                                name="nearby[title][]">
                                                        </td>
														
                                                        <td>
                                                            <input type="text" value="{{ $nt->nt_distance }}"
                                                                name="nearby[distance][]">
                                                        </td>

                                                        <td>
                                                            <select class="form-control" id="distance_unit"
                                                                name="nearby[distance_unit][]">
                                                                <option value="">select</option>
                                                                <option value="Km"
                                                                    {{ $nt->nt_distance_unit == 'Km' ? 'selected' : '' }}>
                                                                    Kilometer</option>
                                                                <option value="M"
                                                                    {{ $nt->nt_distance_unit == 'M' ? 'selected' : '' }}>
                                                                    Meter</option>
                                                                <option value="Hr"
                                                                    {{ $nt->nt_distance_unit == 'Hr' ? 'selected' : '' }}>
                                                                    Hour</option>
                                                                <option value="Min"
                                                                    {{ $nt->nt_distance_unit == 'Min' ? 'selected' : '' }}>
                                                                    Minute</option>
                                                            </select>
                                                        </td>
                                                        <td>
                                                            <select class="form-control" id="nt_image"
                                                                name="nearby[image][]">
                                                                <option value="">select</option>
                                                                @foreach ($nearby as $item)
                                                                    <option value="{{ $item->getMeta('icon_image') }}"
                                                                        {{ $nt->nt_image == $item->getMeta('icon_image') ? 'selected' : '' }}>
                                                                        {{ $item->post_title }}</option>
                                                                @endforeach
                                                            </select>
                                                        </td>

                                                        <td><img src="{{ PP($nt->nt_image) }}" style="height:50px;">
                                                        </td>
                                                        <td><a href="#" class="remove-nt"><i
                                                                    class="fa fa-trash"></i></td>
                                                    </tr>
                                                @endforeach
                                            @endif

                                        </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"> {!! $project->project_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"> {!! $project->project_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)
                                            @php
                                                $checked = '';
                                                if (!empty($project->projectAmenities) && $project->projectAmenities->contains('post_id', $items->post_id)) {
                                                    $checked = 'Checked';
                                                }

                                            @endphp
                                            <div class="col-sm-3 form-group">
                                                <input type="checkbox" {{ $checked }} 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-striped" width="100%">
                                        <thead>
                                            <tr>
                                                <th scope="col">Room Type </th>
                                                <th scope="col">Title </th>
                                                                                                <th scope="col">Image</th>
                                                <th scope="col">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody id="unit-tr" class="listTable">
                                            @if (!empty($project->unitType))
                                                @foreach ($project->unitType as $row)
                                                    <tr>
                                                        <td>


                                                            <select class="form-control" id="ut-type"
                                                                name="unit[type][]">
                                                                @if (!empty($bedroom_type))
                                                                    <option value="">select</option>
                                                                    @foreach ($bedroom_type as $brow)
                                                                        <option value="{{ $brow->br_id }}"
                                                                            {{ $row->pu_unit_type == $brow->br_id ? 'selected' : '' }}>
                                                                            {{ $brow->br_title }}</option>
                                                                    @endforeach
                                                                @endif
                                                            </select>


                                                        </td>
                                                        <td>
                                                            <input type="text" value="{{ $row->pu_title }}"
                                                                name="unit[title][]">
                                                        </td>
														                                                        <td>

                                                            <input id="pu_id_{{ $row->pu_id }}" type="hidden"
                                                                value="{{ $row->pu_image }}" name="unit[image][]">
                                                            <img src="{{ PP($row->pu_image) }}" style="height:50px;"
                                                                data-toggle="modal" data-target="#unitimgModal"
                                                                data-imgid="pu_id_{{ $row->pu_id }}">
                                                        </td>

                                                        <td><a href="#" class="remove-nt"><i
                                                                    class="fa fa-trash"></i></td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        </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>
                                </div>
                                <hr />
                                <div class="row element-group">
                                    @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" width="100%">
                                        <thead>
                                            <tr>
                                                <th width="30%">Link</th>
                                                <th width="20%">Title</th>
                                                                                                <th width="20%">Image</th>
                                                <th width="10%">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody id="vt-tr" class="listTable">
                                            @if (!empty($project->virtualTour))
                                                @foreach ($project->virtualTour as $tour)
                                                    <tr>

                                                        <td style="max-width: 30px;padding: 5px;">
                                                            <input type="text" value="{{ $tour->vl_link }}"
                                                                name="vt[link][]">
                                                        </td>
                                                        <td>
                                                            <input type="text" value="{{ $tour->vl_title }}"
                                                                name="vt[title][]">
                                                        </td>
														                                                        <td>


                                                            <input id="vl_id_{{ $tour->vl_id }}" type="hidden"
                                                                value="{{ $tour->vl_image }}" name="vt[image][]">
                                                            <img src="{{ PP($tour->vl_image) }}" style="height:50px;"
                                                                data-toggle="modal" data-target="#virtualimgModal"
                                                                data-virtualimgid="vl_id_{{ $tour->vl_id }}">


                                                        </td>
                                                        <td><a href="#" class="remove-nt"><i
                                                                    class="fa fa-trash"></i></td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        </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="{{ $project->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 {{ $project->project_status == 1 ? 'selected' : '' }}
                                                    value="1">Publish</option>
                                                <option {{ $project->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>
            </div>
        </div>
    </div>
</div>
<!-- Button trigger modal -->


<!-- Modal -->


<div class="modal fade" id="unitimgModal" tabindex="-1" role="dialog" aria-labelledby="unitimgModal"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                @php
                    $uploaders = [
                        [
                            'label' => 'Upload Image',
                            'control_name' => 'unit_image_popup',
                            'type' => 'image',
                            //'old_file_name' => old('meta')['text']['unit_image_popup'],
                            '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>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" data-pop-update-id='' id="updatePopImage">Save
                    changes</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="virtualimgModal" tabindex="-1" role="dialog" aria-labelledby="virtualimgModal"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="examplevModalLabel">Modal title</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                @php
                    $uploaders = [
                        [
                            'label' => 'Upload Image',
                            'control_name' => 'virtual_image_popup',
                            'type' => 'image',
                            //'old_file_name' => old('meta')['text']['virtual_image_popup'],
                            '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>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" data-virtual-pop-update-id=''
                    id="updatevirtualPopImage">Save changes</button>
            </div>
        </div>
    </div>
</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();
    }


    $(function() {


        $('#unitimgModal').on('show.bs.modal', function(event) {
            var button = $(event.relatedTarget)
            var imgId = $(button).attr('data-imgid');
            $('[data-pop-update-id]').attr('data-pop-update-id', imgId);
        });
        $('#updatePopImage').on('click', function() {

            var img = $('#unit_image_popup').val();
            var imgHolder = $(this).attr('data-pop-update-id');
            var url = "{{ asset('storage/post') }}/" + img;
            $("#" + imgHolder).val(img);
            $("#" + imgHolder).parent().find('img').attr('src', url);



            $('#unitimgModal').find('.uploadFileName').html('');
            $('#unitimgModal').find('.filename').val('');
            $('#unitimgModal').find('.original').val('');
            $('#unitimgModal').find('.uploadProgress').css({
                'width': '0%'
            });
            $('#unitimgModal').find('.uploadPercentage').html('');
            $('#unitimgModal').find('.upImgWrapper').html('');
            $('#unitimgModal').modal('hide');

        });


        $('#virtualimgModal').on('show.bs.modal', function(event) {
            var button = $(event.relatedTarget)
            var vimgId = $(button).attr('data-virtualimgid');
            $('[data-virtual-pop-update-id]').attr('data-virtual-pop-update-id', vimgId);
        });
        $('#updatevirtualPopImage').on('click', function() {

            var img = $('#virtual_image_popup').val();
            console.log(img);
            var imgHolder = $(this).attr('data-virtual-pop-update-id');
            var url = "{{ asset('storage/post') }}/" + img;
            $("#" + imgHolder).val(img);
            $("#" + imgHolder).parent().find('img').attr('src', url);



            $('#virtualimgModal').find('.uploadFileName').html('');
            $('#virtualimgModal').find('.filename').val('');
            $('#virtualimgModal').find('.original').val('');
            $('#virtualimgModal').find('.uploadProgress').css({
                'width': '0%'
            });
            $('#virtualimgModal').find('.uploadPercentage').html('');
            $('#virtualimgModal').find('.upImgWrapper').html('');
            $('#virtualimgModal').modal('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;
            }
        });
        $('.listTable').sortable();

    });
    $('#us3').locationpicker({
        location: {
            latitude: "{{ $project->project_location_lat }}",
            longitude: "{{ $project->project_location_lng }}",
        },
        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 || !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_ar + '" name="nearby[title_russian][]"></td>' +
            '<td><input type="text" value="' + nearby_distance + '" name="nearby[distance][]"></td>' +
            '<td><select class="form-control" id="distance_unit" name="nearby[distance_unit][]" >' +
            '<option value="" >select</option>' +
            '<option value="Km" ' + ((distance_unit === "Km") ? "selected" : "") + ' >Kilometer</option>' +
            '<option value="M" ' + ((distance_unit === "M") ? "selected" : "") + '>Meter</option>' +
            '<option value="Hr" ' + ((distance_unit === "Hr") ? "selected" : "") + ' >Hour</option>' +
            '<option value="Min" ' + ((distance_unit === "Min") ? "selected" : "") + '>Minute</option>' +
            '</select></td>' +
            '<td>' +
            '<select class="form-control" id="nt_image"  name="nearby[image][]">' +
            ' <option value="" >select</option>' +
            @foreach ($nearby as $item)
                '<option  value="{{ $item->getMeta('icon_image') }}" ' + ((image ===
                    "{{ $item->getMeta('icon_image') }}") ? "selected" : "") +
                '>{{ $item->post_title }}</option>' +
            @endforeach
        ' </select>' +


        '</td>' +
        '<td><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><select class="form-control" id="unit_type_ajax"  name="unit[type][]">' +
            @if (!empty($bedroom_type))
                ' <option value="" >select</option>' +
                @foreach ($bedroom_type as $brow)
                    '<option  value="{{ $brow->br_id }}" ' + ((unit_type === "{{ $brow->br_id }}") ?
                        "selected" : "") + '>{{ $brow->br_title }}</option>' +
                @endforeach
            @endif
        ' </select></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 style="max-width: 30px;padding: 5px;"><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>' +
            // '<td><input type="text" value="' + virtual_tour_title_russian +
            // '" 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