@extends('../../master_layout/admin_master')

@section('custom_css')
<!-- summernote -->
<link rel="stylesheet" href="{{asset('public/backend_assets/plugins/summernote/summernote-bs4.min.css')}}">
@endsection

@section('title')
<title>{{config('constants.APP_NAME')}} {{ ($edit)?'Edit':'Add' }} City</title>
@endsection

@section('content')
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">City Of {{ $country->country_name }}  - {{ ($edit)?'Edit':'Add' }} City</h1>
                </div><!-- /.col -->

                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('admin.country.list')}}" target="">Countries</a></li>
                        <li class="breadcrumb-item active"> {{ ($edit)?'Edit':'Add' }} City</li>
                    </ol>
                </div>

                <!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </section>
    <!-- /.content-header -->

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <!-- left column -->
                <div class="col-md-12">
                    @if(session('message'))
                    <div class="alert alert-{{session('message.type')}} alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        @if(session('message.type')=='danger')
                        <p class="mb-0"><strong>Sorry!</strong> {!! session('message.text') !!}</p>
                        @else
                        <p class="mb-0"><strong>Success!</strong> {!! session('message.text') !!}</p>
                        @endif
                    </div>
                    @endif
                    <!--  -->
                    <div class="card">
                        <div class="card-header">
                            <div class="row d-flex">
                                <div class="col-md-10">
                                    <h3 class="card-title">{{ ($edit)?'Edit':'Add' }} City</h3>
                                </div>             
                            </div>
                        </div>
                        <!-- form start -->
                        <form id="addCity" method="post" action="{{ ($edit)?route('admin.city.update.process'):route('admin.city.save')}}" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="city_id" id="" value="{{ ($edit)?$city->city_id:0 }}">
                            <input type="hidden" name="country_id" id="" value="{{ (isset($city->country_id) && $city->country_id !='' )?$city->country_id:request()->segment('3') }}">

                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="city_name">City Name</label>
                                            <input type="text" name="city_name" class="form-control" id="city_name" placeholder="city name" value="{{ ($edit)?$city->city_name:old('city_name')}}">
                                            @if ($errors->has('city_name'))
                                            <span class="text-danger">{{ $errors->first('city_name') }}</span>
                                            @endif
                                        </div>                                        
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="title">Title</label>
                                            <input type="text" name="title" class="form-control" id="title" placeholder="title" value="{{ ($edit)?$city->title:old('title')}}">
                                        </div>
                                        @if ($errors->has('title'))
                                        <span class="text-danger">{{ $errors->first('title') }}</span>
                                        @endif
                                    </div>

                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="description">Description</label>
                                            <textarea name="description" id="description">{{ ($edit)?$city->description:old('description')}}</textarea>
                                        </div>
                                        @if ($errors->has('description'))
                                        <span class="text-danger">{{ $errors->first('description') }}</span>
                                        @endif
                                    </div>
                                </div>

                                <!-- Settings -->
                                <div class="border-bottom border-info d-inline-block">
                                    <span class="h5">Settings</span> 
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="popular">Popular</label>
                                            <div class="custom-control custom-checkbox">
                                                <input name="popular" class="custom-control-input" type="checkbox" id="popular" value="1" @if(!empty($city->popular) && $city->popular == '1'){{ 'checked' }} @endif>
                                                <label for="popular" class="custom-control-label">Is Popular?</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- /Settings -->

                                <!-- Plan section texts -->
                                <div class="border-bottom border-info d-inline-block">
                                    <span class="h5">Plan Section Text</span> 
                                </div>
                                @if(!empty($plans))
                                    <div class="row mt-2">
                                        @foreach ($plans as $key => $result) 
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="meta_description">{{$result->plan_name}}</label>
                                                <textarea class="form-control" name="plan_id[{{$result->plan_id}}]">@if(isset($result->plan_description) && $result->plan_description !=''){{$result->plan_description}}@endif</textarea>
                                            </div>
                                        </div>
                                        @endforeach                   
                                    </div>                 
                                @endif

                                <!-- SEO Tags -->
                                <div class="border-bottom border-info d-inline-block">
                                    <span class="h5">SEO</span> 
                                </div>
                                <div class="row mt-2">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="meta_title">Title</label>
                                            <input type="text" class="form-control" name="meta_title" id="meta_title" placeholder=""
                                                value="{{ ($edit)?$city->meta_title:old('meta_title')}}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="meta_keywords">Meta  Keywords</label>
                                            <input type="text" class="form-control" name="meta_keywords" id="meta_keywords" placeholder=""
                                                value="{{ ($edit)?$city->meta_keywords:old('meta_keywords')}}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="meta_description">Meta Description</label>
                                            <textarea class="form-control" name="meta_description" id="meta_description">{{ ($edit)?$city->meta_description:old('meta_description')}}</textarea>                                            
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Featured Image</label>
                                            <input type="file" class="form-control" name="featured_image" id="featured_image" accept="image/*">

                                            <input type="hidden" class="form-control" name="uploaded_featured_image" value="">

                                            <div class="col-md-6 col-xs-12 mt-2"> 
                                                                                        </div>
                                        </div>
                                        @if ($errors->has('featured_image'))
                                        <span class="text-danger">{{ $errors->first('featured_image') }}</span>
                                        @endif                                        
                                    </div>
                                </div>
                                <!-- /SEO Tags -->

                                <!-- Nearby Geo locations-->
                                <div class="border-bottom border-info d-inline-block">
                                    <span class="h5">Nearby Geo locations</span> 
                                </div>
                                <div class="row mt-2">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="nearyby_geo">Nearby Geo</label>                                            
                                            <select name="nearyby_geo[]" class="select2" multiple="multiple" data-placeholder="Select" style="width: 100%;">
                                            @if(isset($cities) && !empty($cities))
                                                @foreach($cities as $nearbycity)                                            
                                                <option value="{{$nearbycity->city_id}}" >{{$nearbycity->city_name }}</option>
                                                @endforeach
                                            @endif
                                            </select>
                                            
                                        </div>
                                    </div>
                                </div>
                                <!-- /Nearby Geo locations -->

                                 <!-- Major Roads-->
                                 <div class="border-bottom border-info d-inline-block">
                                    <span class="h5">Major Roads</span> 
                                </div>
                                <div class="row mt-2">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="majorroad_id">Major Roads</label>                                            
                                            <select name="majorroad_id[]" class="select2" multiple="multiple" data-placeholder="Select" style="width: 100%;">
                                            @if(isset($majorroads) && !empty($majorroads))
                                                @foreach($majorroads as $majorroad)                                            
                                                <option value="{{$majorroad->id}}" >{{$majorroad->title}}</option>
                                                @endforeach
                                            @endif
                                            </select>
                                            
                                        </div>
                                    </div>
                                </div>
                                <!-- /Major Roads -->
                            </div>
                            <!-- /.card-body -->
                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary">Submit</button>
                                
                                <a href="{{route('admin.city.list',['country'=>$country->country_id])}}" class="btn btn-dark float-right">Back</a>
                                
                            </div>
                        </form>
                    </div>
                    <!-- /.card -->
                </div>
                <!--/.col (left) -->

            </div>
            <!-- /.row -->

            @if($edit)
            <div class="row">
                <!-- left column -->
                <div class="col-md-12">                     
                    <div class="card card-primary">                        
                        <!-- form start -->
                        <form id="addReviseRequest" method="post" action="{{ route('admin.city.revision-request')}}" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="city_id" id="" value="{{ ($edit)?$city->city_id:0 }}">

                            <div class="card-body">
                                <div class="border-bottom border-info d-inline-block">
                                    <span class="h5"> Content Published Status</span> 
                                </div>
                                <div class="row mt-2">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Content Status</label>: 
                                            {{$city->cms_status}}          
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="note_for_editor">Note for Editor</label>
                                            <textarea class="form-control" name="note_for_editor" id="note_for_editor" rows="5">{{ ($edit)?$city->note_for_editor:old('note_for_editor')}}</textarea>                                           
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- /.card-body -->
                            <div class="card-footer">                                
                                <button type="button" class="btn btn-warning request-revision">Request Revision</button>
                            </div>
                        </form>
                    </div>
                    <!-- /.card -->
                </div>
                <!--/.col (left) -->
            </div>
            @endif

        </div><!-- /.container-fluid -->
    </section>
</div>


@endsection

@section('custom_js')
<!-- Summernote -->
<script src="{{asset('public/backend_assets/plugins/summernote/summernote-bs4.min.js')}}"></script>

<script>
    $(function() {

        $('#description').summernote({
            placeholder: "Description",
            tabsize: 2,
            height: 150
        });

        $('#addCity').validate({
            rules: {
                city_name: {
                    required: true,
                    remote: {
                        url: "{{ route('admin.city.check.name')}}",
                        type: "get",
                        data: {
                            'country_id': "{{ (isset($city->country_id) && $city->country_id !='' )?$city->country_id:request()->segment('3') }}",
                            'city_id': "{{ (isset($city->city_id) && $city->city_id !='' )?$city->city_id:0 }}",
                             city_name: function() {
                                return $("#city_name").val();
                            }
                        },
                        dataType: 'json'
                    }
                }
            },
            messages: {
                city_name: {
                    required: "Please enter city name",
                    remote: "This city name is already registered. Please try with another one"
                }
            },
            errorElement: 'span',
            errorPlacement: function(error, element) {
                error.addClass('invalid-feedback');
                element.closest('.form-group').append(error);
            },
            highlight: function(element, errorClass, validClass) {
                $(element).addClass('is-invalid');
            },
            unhighlight: function(element, errorClass, validClass) {
                $(element).removeClass('is-invalid');
            }
        });

        @if($edit)
        $(".request-revision").click(function() {
            if(confirm("Are you sure?")){
                $("#addReviseRequest").submit();
            }
        });
        @endif
    });
</script>
@endsection