@extends('admin.default')
@section('title', 'Admin | Makes 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"><a href="{{ url()->previous() }}">Makes</a></li>
        <li class="breadcrumb-item active" aria-current="page">Makes Form</li>
    </ol>
</nav>
<div class="row">
    <div class="col-md-12 grid-margin stretch-card">
        <div class="card">
            <div class="card-body">
                <h6 class="card-title">Makes Form</h6>
                <form method="post" class="form" action="{{route('makesStore',$id)}}" enctype="multipart/form-data">
                    {{csrf_field()}}
                    <div class="row mt-2">
                        <div class="col-md-12 py-3 alert-secondary">
                            <a data-toggle="collapse" href="#makes" role="button" aria-expanded="false" aria-controls="makes" class="card-title font-weight-bold" data-id="0"><i class='mdi mdi-minus-circle'></i> Makes</a>
                        </div>
                        <div class="col-md-12">
                            <hr>
                        </div>
                    </div>
                    <div class="collapse show" id="makes">
                        <div class="form-group row">
                            <div class="col-md-2">
                                <label>Make 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="Make Name" value="{{isset($data->name)?$data->name:''}}" required>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-md-2">
                                <label>Make Logo <sup class="text-danger">*</sup></label>
                            </div>
                            <div class="col-md-4">
                                <input type="file" class="file border" name="logo" id="image" 
                                data-max-file-size="5M"
                                data-default-file="{{isset($data->logo)?Storage::disk('core_ftp')->url('/media/makes/logo/'.$data->logo):''}}"/>                        
                            </div>
                            <div class="col-md-2">
                                <label>Make Image</label>
                            </div>
                            <div class="col-md-4">
                                <input type="file" class="file border" name="image" id="image" value="{{isset($data->image)?'image':''}}" 
                                data-max-file-size="5M"
                                data-default-file="{{isset($data->image)?Storage::disk('core_ftp')->url('/media/makes/images/'.$data->image):Storage::disk('core_ftp')->url('/media/makes/images/default.jpg')}}"/>                        
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-md-2">
                                <label>Make Banner</label>
                            </div>
                            <div class="col-md-10">
                                <input type="file" class="file border" name="banner" id="image" 
                                data-max-file-size="5M"
                                data-default-file="{{isset($data->banner)?Storage::disk('core_ftp')->url('/media/makes/banner/'.$data->banner):Storage::disk('core_ftp')->url('/media/makes/banner/default.webp')}}"/>                        
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-md-2 mt-2">
                                <label>Type <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="type" id="type" value="popular" @if(isset($data->type) && $data->type == 'popular')checked @endif required>Popular
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="type" id="type" value="luxury" @if(isset($data->type) && $data->type == 'luxury')checked @endif required>Luxury
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="type" id="type" value="all" @if(isset($data->type) && $data->type == 'all')checked @endif required>All
                                </div>
                            </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="status" value="active" @if(isset($data->status) && $data->status == 'active')checked @endif required>Active
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="status" id="status" value="new" @if(isset($data->status) && $data->status == 'new')checked @endif required>New
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="status" id="status" value="resolved" @if(isset($data->status) && $data->status == 'resolved')checked @endif required>Resolved
                                </div>
                            </div>
                        </div>
                        <hr>
                    </div>
                    <div class="row mt-2">
                        <div class="col-md-12 py-3 alert-secondary">
                            <a data-toggle="collapse" href="#make-details" role="button" aria-expanded="false" aria-controls="make-details" class="card-title font-weight-bold" data-id="0"><i class="mdi mdi-minus-circle"></i> Makes Details</a>
                        </div>
                        <div class="col-md-12">
                            <hr>
                        </div>
                    </div>
                    <div class="collapse show" id="make-details">
                        <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->makeDetail->title)?$data->makeDetail->title:''}}" required>
                                <strong>Page URL : </strong><span id="url_slug">{{isset($data->makeDetail->make_slug)?'https://www.autocoincars.com/'.$data->makeDetail->make_slug:''}}</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="100" class="form-control maxLength" name="meta_title" id="meta_title" placeholder="Meta Title" value="{{isset($data->makeDetail->meta_title)?$data->makeDetail->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->makeDetail->meta_keyword)?$data->makeDetail->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="250" class="form-control maxLength-textarea" name="meta_description" id="meta_description" placeholder="Meta Description" rows="5">{{isset($data->makeDetail->meta_description)?$data->makeDetail->meta_description:''}}</textarea>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-md-2">
                                <label>Body Content</label>
                            </div>
                            <div class="col-md-10">
                                <textarea class="form-control" name="content" id="content">{{isset($data->makeDetail->content)?$data->makeDetail->content:''}}</textarea>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-md-2">
                                <label>Model Page Content</label>
                            </div>
                            <div class="col-md-10">
                                <textarea class="form-control" name="modelListContent" id="modelListContent">{{isset($data->makeDetail->modelListContent)?$data->makeDetail->modelListContent:''}}</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="makeDetail_status" id="makeDetail_status" value="active" @if(isset($data->makeDetail->status) && $data->makeDetail->status == 'active')checked @endif required>Active
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="makeDetail_status" id="makeDetail_status" value="disable" @if(isset($data->makeDetail->status) && $data->makeDetail->status == 'disable')checked @endif required>Disable
                                </div>
                            </div>
                        </div>
                        <hr>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-12">
                            <!-- hidden fields -->
                            <input type="hidden" name="makeDetail_id" value="{{isset($data->makeDetail->id)?$data->makeDetail->id:''}}">
                            <input type="hidden" name="makeDetail_type" value="btc">
                            <!-- end hidden fields -->
                            <button type="submit" class="btn btn-info text-white float-right " id="save" value="Save">
                                <span class="mr-2" id="save_text">Save Makes</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>
</div>
</div>
<script type="text/javascript">
    $(document).ready(function() {
        CKEDITOR.replace('content', {
            filebrowserUploadUrl: "{{route('ckeditor.upload', ['_token' => csrf_token() ])}}",
            filebrowserUploadMethod: 'form',
        });

        CKEDITOR.replace('modelListContent');

        $('#title').keyup(function(){
            let title;
            var url_slug;
            title = $('#title').val();
            url_slug = title.replaceAll(' ', '-');
            $('#url_slug').html("https://www.autocoincars.com/buy-"+url_slug+"-with-bitcoin");
        });

        $('.card-title').click(function(){
            $(this).find("i").remove();
            let title;
            id = $(this).data("id");
            if(id == '1'){
                $(this).prepend("<i class='mdi mdi-minus-circle'></i>");
                $(this).data("id", '0');
            }else{
                $(this).prepend("<i class='mdi mdi-plus-circle'></i>");
                $(this).data("id", '1');
            }
            
        });
    });
</script>
@stop