@extends('layouts.app')

@section('content')
    <div class="container-lg">
        <div class="row">
            <div class="col-sm-12 col-lg-10 offset-lg-1">
                <div class="card mb-4">
                    <div class="card-header"><strong>{{ $pageName??'' }}</strong></div>
                    <div class="card-body">
                        <div class="tab-content rounded-bottom">

                            @if ($errors->any())
                                <div class="alert alert-danger alert-dismissible fade show"role="alert">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                    <button class="btn-close" type="button" data-coreui-dismiss="alert" aria-label="Close"></button>
                                </div>
                            @endif

                            <form method="POST" action="{{ url('blog', $data->id) }}">
                                @csrf
                                @method('PATCH')
                                <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-719">
                                    <div class="mb-3">
                                        <label class="form-label" for="name">Name</label>
                                        <input class="form-control form-control-sm" name="name" id="name" value="{{ $data->name??'' }}" type="text" placeholder="Required">
                                    </div>
                                    <div class="mb-3">
                                        <label class="form-label" for="date">Date</label>
                                        <input class="form-control form-control-sm" name="date" id="date" value="{{ $data->date??'' }}" type="date" placeholder="Required">
                                    </div>
                                    <div class="mb-3">
                                        <label class="form-label" for="category">Category</label>
                                        <select name="category" id="category" class="form-control chosen-select form-control-sm" data-placeholder="Category">
                                            @if(count($category) > 0)
                                                @foreach($category as $item)
                                                    <option value="{{ $item->id }}" @if($item->id == $data->category) selected @endif>{{ $item->name??'' }}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                    <div class="mb-3">
                                        <label class="form-label" for="status">Image (800 x 580)</label>
                                        <input type="file" name="image" class="form-control">
                                        <img src="{{ asset('backend/assets/img/blog/'.$data->image) }}" width="70" alt="">
                                    </div>
                                    <div class="mb-3">
                                        <label class="form-label" for="status">Description</label>
                                        <textarea name="description" id="description" cols="30" rows="10">{!! $data->description??'' !!}</textarea>
                                    </div>
                                    <div class="mb-3">
                                        <label class="form-label" for="status">Status</label>
                                        <select name="status" id="status" class="form-control form-control-sm">
                                            <option value="1" @if($item->status == 1) selected @endif>Active</option>
                                            <option value="2" @if($item->status == 2) selected @endif>In-Active</option>
                                        </select>
                                    </div>

                                    <div class="mb-3">
                                        <button type="submit" class="btn btn-info text-light btn-sm m-1" style="float: right">
                                            <svg class="icon">
                                                <use
                                                    xlink:href="{{ asset('backend/vendors/@coreui/icons/svg/free.svg#cil-task') }}">
                                                </use>
                                            </svg>
                                            Save
                                        </button>

                                        <a href="{{ route('city.index') }}" class="btn btn-warning text-light btn-sm m-1"  style="float: right">
                                            <svg class="icon">
                                                <use
                                                    xlink:href="{{ asset('backend/vendors/@coreui/icons/svg/free.svg#cil-x') }}">
                                                </use>
                                            </svg>
                                            Cancel
                                        </a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /.row-->
    </div>
@endsection

@section('script')
<script>
    CKEDITOR.replace('description');
</script>
@endsection