@extends('admin.default')
@section('title', 'Admin | Models Form')
@section('content')
<!--      ckeditor cdn -->
<script src="//cdn.ckeditor.com/4.16.0/full/ckeditor.js"></script>
<!--     end ckeditor cdn -->
<nav class="page-breadcrumb">
      <ol class="breadcrumb">
         <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
         <li class="breadcrumb-item active" aria-current="page">Add Make</li>
      </ol>
   </nav>
   <div class="row">
      <div class="col-md-12 grid-margin stretch-card">
         <div class="card">
            <div class="card-body">
                <form method="post" class="form" action="{{route('modelStore', $id)}}" enctype="multipart/form-data">
                    {{csrf_field()}}
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Makes <sup class="text-danger">*</sup></label>
                        </div>
                        <div class="col-md-10">
                            <select class="js-example-basic-single" name="make_id" id="make_id" required>
                                <option value="">Select Makes</option>>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Model Name <sup class="text-danger">*</sup></label>
                        </div>
                        <div class="col-md-10">
                            <input type="text" maxlength="100" class="form-control maxLength" name="name" id="name" placeholder="Model Name" value="{{isset($data->name)?$data->name:''}}" required>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Model Thumbnail <sup class="text-danger">*</sup></label>
                        </div>
                        <div class="col-md-4">
                            <input type="file" id="logo" class="file border" name="logo" 
                            data-max-file-size="5M"
                            data-default-file="{{isset($data->logo)?Storage::disk('core_ftp')->url('/media/model/thumbnail/'.$data->logo):Storage::disk('core_ftp')->url('/media/posts/posts_default.png')}}">
                        </div>
                        <div class="col-md-2">
                            <label>Model Image <sup class="text-danger">*</sup></label>
                        </div>
                        <div class="col-md-4">
                            <input type="file" id="image" class="file border" name="image" 
                            data-max-file-size="5M"
                            data-default-file="{{isset($data->image)?Storage::disk('core_ftp')->url('/media/model/images/'.$data->image):Storage::disk('core_ftp')->url('/media/posts/posts_default.png')}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Title <sup class="text-danger">*</sup></label>
                        </div>
                        <div class="col-md-10">
                            <input type="text" maxlength="100" class="form-control maxLength" name="title" id="title" placeholder="Title" value="{{isset($data->modelDetail[0]->title)?$data->modelDetail[0]->title:''}}" required>
                             <strong>Model URL : https://www.autocoincars.com/model/</strong><span id="url_slug">{{isset($data->modelDetail[0]->model_slug)?$data->modelDetail[0]->model_slug:'-(id)'}}</span>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Meta Title</label>
                        </div>
                        <div class="col-md-10">
                            <input type="text" maxlength="70" class="form-control maxLength" name="meta_title" id="meta_title" placeholder="Meta Title" value="{{isset($data->modelDetail[0]->meta_title)?$data->modelDetail[0]->meta_title:''}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Meta Keywords</label>
                        </div>
                        <div class="col-md-10">
                            <input class="form-control" name="meta_keyword" id="tags" value="{{isset($data->modelDetail[0]->meta_keyword)?$data->modelDetail[0]->meta_keyword:''}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Meta Description</label>
                        </div>
                        <div class="col-md-10">
                            <textarea maxlength="160" class="form-control maxLength" name="meta_description" id="meta_description" placeholder="Meta Description" rows="5" >{{isset($data->modelDetail[0]->meta_description)?$data->modelDetail[0]->meta_description:''}}</textarea>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Content</label>
                        </div>
                        <div class="col-md-10">
                            <textarea class="form-control" name="content" id="content">{{isset($data->modelDetail[0]->content)?$data->modelDetail[0]->content:''}}</textarea>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2 mt-2">
                            <label>Status <sup class="text-danger">*</sup></label>
                        </div>
                        <div class="col-md-10">
                            <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="status" id="statusActive" value="active" @if(isset($data->modelDetail[0]->status) && $data->modelDetail[0]->status == 'active')checked @endif required>Active
                            </div>
                            <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="status" id="statusActive" value="disable" @if(isset($data->modelDetail[0]->status) && $data->modelDetail[0]->status == 'disable')checked @endif required>Disable
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-12">
                            <input type="hidden" name="model_id" value="{{isset($data->modelDetail[0]->id)?$data->modelDetail[0]->id:''}}">
                            <button type="submit" class="btn btn-info text-white float-right " id="save" value="Save">
                                <span class="mr-2" id="save_text">Save </span> 
                                <div class="spinner-border spinner-border-sm text-primary float-right" id="loader" style="display:none" role="status">
                                <span class="sr-only">Loading...</span>
                                </div>
                            </button>
                        </div>
                    </div>
                </form>
            </div>
         </div>
      </div>
   </div>
<script type="text/javascript">
    $(document).ready(function() {
        $.ajax({
            dataType: "json",
            url: "/administrator/get-makes",
            type: 'get',
            success: function(data){
                if(data){
                    $.each(data, function() {
                        // makes (makes name)
                        $("#make_id").append($("<option />").val(this.id).text(this.name));
                    });
                }
                // selected options
                // makes (makes name)
                $("#make_id").val("{{isset($data->make_id)?$data->make_id:''}}");
                
            }
        });
        CKEDITOR.replace('content', {
            filebrowserUploadUrl: "{{route('ckeditor.upload', ['_token' => csrf_token() ])}}",
            filebrowserUploadMethod: 'form',
        });
        $('#title').keyup(function(){
            let title;
            var url_slug;
            title = $('#title').val();
            url_slug = title.replaceAll(' ', '-');
            $('#url_slug').html(url_slug);
        });
    });
</script>
@stop