@extends('layouts.admin_default')
    @section('content')
        <div class="content-wrapper container-xxl p-0">
            <div class="flash_messages">
                @include('flash_messages.admin_message')
            </div>
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-start mb-0">Blog</h2>
                            <div class="breadcrumb-wrapper">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Home</a></li>
                                    <li class="breadcrumb-item"><a href="{{ route('blog.index') }}">Blog</a></li>
                                    <li class="breadcrumb-item active"><a href="javascript:void(0);">Edit</a></li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-body">
                <section class="modern-horizontal-wizard">
                    <div class="bs-stepper wizard-modern modern-wizard-example">
                        {!! Form::open(['method'=>'PUT','route'=>['blog.update', $result->id], 'files'=>true, 'class'=>'form-first FormValidate', 'autocomplete' => 'off']) !!}
                            <div class="bs-stepper-header">
                                <div class="step" data-target="#account-details-modern" role="tab" id="account-details-modern-trigger">
                                    <button type="button" class="step-trigger">
                                        <span class="bs-stepper-label">
                                            <span class="bs-stepper-title">General</span>
                                        </span>
                                    </button>
                                </div>
                                <div class="line">
                                    <i data-feather="chevron-right" class="font-medium-2"></i>
                                </div>
                                <div class="step" data-target="#personal-info-modern" role="tab" id="personal-info-modern-trigger">
                                    <button type="button" class="step-trigger">
                                        <span class="bs-stepper-label">
                                            <span class="bs-stepper-title">SEO</span>
                                        </span>
                                    </button>
                                </div>
                            </div>
                            <div class="bs-stepper-content">
                                <div id="account-details-modern" class="content" role="tabpanel" aria-labelledby="account-details-modern-trigger">
                                    <div class="row">
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Blog Name <span class="error">*</span></label>
                                                {!! Form::text('blog_name',$result->blog_name,['class'=>'form-control']) !!}
                                            </div>
                                        </div>
                                        <div class="col-md-6 mb-1">
                                            <label class="form-label" for="fp-default">Date <span class="error">*</span></label>
                                            {!! Form::text('blog_date', $result->blog_date, ['class' => 'form-control flatpickr-basic', 'placeholder' => 'YYYY-MM-DD']) !!}
                                            <p>YYYY-MM-DD Format</p>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Description </label>
                                                {!! Form::textarea('description',$result->description,['class'=>'form-control ckeditor', 'rows' => 5]) !!}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-6 col-md-12 mb-1 mb-sm-0">
                                            <table class="table image-table">
                                                <label for="formFile" class="form-label">Image</label>
                                                <tr>
                                                    <td style="vertical-align: middle;text-align: left;">
                                                        <img class="profile-user-img watter_image" src="{{ getImage($result->image) }}">
                                                        <small class="text-danger file_error"></small>
                                                        <div class="progress" style="display: none;">
                                                            <div class="progress-bar progress-bar-green" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%"></div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <span class="btn btn-primary btn-file">
                                                            Choose File<input name="_image" type="file" class="inputFileUpload" form_class="form-first" save_folder="blog" input_file_key="_image"/>
                                                        </span>
                                                    </td>
                                                    <td style="vertical-align: middle;text-align: left;">
                                                        <button type="button" class="btn btn-danger remove_image" form_class="form-first" style="display: none;">Remove</button>
                                                        {!! Form::hidden('image', !empty($result->image)?$result->image:"", ['class'=>'hidden_filename']) !!}
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Alter Tag </label>
                                                {!! Form::text('altr_tag', $result->altr_tag, ['class'=>'form-control'])!!}
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="basicSelect">Status <span class="error">*</span></label>
                                                {!! Form::select('status', status(), $result->status, ['class' => 'form-control filter-select', 'placeholder'=>'Please Select']) !!}
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Sort Order </label>
                                                {!! Form::text('sort_order', $result->sort_order, ['class'=>'form-control only_numbers'])!!}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="personal-info-modern" class="content" role="tabpanel" aria-labelledby="personal-info-modern-trigger">
                                    <div class="row">
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Meta Title</label>
                                                {!! Form::text('meta_title', $result->meta_title, ['class'=>'form-control'])!!}
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Seo Url <span class="error">*</span></label>
                                                {!! Form::text('seo_keyword',$result->seo_keyword,['class'=>'form-control'])!!}
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Canonical Link  </label>
                                                {!! Form::text('canonical_link', $result->canonical_link, ['class'=>'form-control'])!!}
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Meta Keyword </label>
                                                {!! Form::text('meta_keyword',$result->meta_keyword,['class'=>'form-control'])!!}
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Meta Description </label>
                                                {!! Form::textarea('meta_description', $result->meta_description, ['class'=>'form-control', 'rows' => 5])!!}
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Schema Tag  </label>
                                                {!! Form::textarea('schema_tag', $result->schema_tag, ['class'=>'form-control', 'rows' => 5])!!}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mb-1">
                                    <div class="col-12">
                                        <button type="submit" class="btn btn-primary">Submit</button>
                                        <a href="{{ route('blog.index') }}" class="btn btn-outline-secondary">Back</a>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </section>
            </div>
        </div>

        <script src="{{ asset('admin/app-assets/vendors/js/forms/validation/jquery.validate.js') }}"></script>

        <style type="text/css">
            .error{
                color: red;
            }
        </style>

        <script type="text/javascript">
            $('.FormValidate').validate({
                rules: {
                    "blog_name": {
                        required : true,
                    },
                    "date": {
                        required : true,
                    },
                    "status": {
                        required : true,
                    },
                    "seo_keyword": {
                        required : true,
                    },
                },
                messages: {
                    "blog_name": {
                        required: "Please Enter Blog Name",
                    },
                    "date": {
                        required: "Please Select Date",
                    },
                    "status": {
                        required: "Please Select Status",
                    },
                    "seo_keyword": {
                        required: "Please Enter SEO Url",
                    },
                }
            });
        </script>
        @include('elements.upload_elements.single_image')
    @endsection