@extends('layouts.admin')
@section('title', $Title)
@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content">

    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-md-12">
                <div class="card card-primary">
                    <div class="card-header">
                        <section class="content-header">
                            <div class="container-fluid">
                                <div class="row mb-2">
                                    <div class="col-sm-6">
                                        <h1><a href="{{url('admin/blog')}}" class="btn btn-primary float-left">View Post</a></h1>
                                    </div>
                                    <div class="col-sm-6">
                                        <ol class="breadcrumb float-sm-right">
                                            <li class="breadcrumb-item"><a href="#">Home</a></li>
                                            <li class="breadcrumb-item active">{{$Title}}</li>
                                        </ol>
                                    </div>
                                </div>
                            </div><!-- /.container-fluid -->
                        </section>
                    </div>

                    <div class="card-body">
                        <div class="">
                            @if($message = Session::get('errormsg'))
                            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                <p>{{ $message }}</p>
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            @endif

                            @if($message = Session::get('msg'))
                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                <p>{{ $message }}</p>
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            @endif
                        </div>

                        <form method="POST" action="{{url('admin/blog')}}" role="form" enctype="multipart/form-data" class="form-horizontal">
                            @csrf
                            <div class="row">
                                <div class="col-sm-8  border-right">
                                    <div class="form-group">
                                        <label>Title</label>
                                        <input type="text" name="title" id="title" class="form-control @error('title') is-invalid @enderror" value="{{ old('title') }}" placeholder="Please Input Title Here">
                                        @error('title') <div class="text-danger">{{ $message }}</div> @enderror
                                    </div>

                                    <div class="form-group">
                                        <label>Category</label>
                                        <select name="category" class="form-control @error('category') is-invalid @enderror">
                                            <option value="">Select</option>
                                            @foreach($categoryList as $cat)
                                            <option value="{{ $cat->id }}" {{ (int) old('category') === (int) $cat->id ? 'selected' : '' }}>{{ $cat->name }}</option>
                                            @endforeach
                                        </select>
                                        @error('category') <div class="text-danger">{{ $message }}</div> @enderror
                                    </div>

                                    <div class="form-group">
                                        <label>Short Description</label>
                                        <textarea class="form-control" name="short_description" id="short_description" rows="5">{{ old('short_description') }}</textarea>
                                    </div>

                                    <div class="form-group">
                                        <label>Description</label>
                                        <textarea class="textarea" name="description" id="description" rows="10">{{ old('description') }}</textarea>
                                    </div>
                                </div>

                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label>Featured Image</label>
                                        <input type="file" name="image" id="image" class="dropify" data-default-file="{{ asset('assets/backend/admin/empty.png') }}" data-height="100" data-max-file-size="3M" data-allowed-file-extensions='["jpg","png","jpeg"]' />
                                        @error('image') <div class="text-danger">{{ $message }}</div> @enderror
                                    </div>

                                    <div class="form-group">
                                        <label>Image Title</label>
                                        <input type="text" name="img_title" class="form-control" value="{{ old('img_title') }}">
                                    </div>

                                    <div class="form-group">
                                        <label>Image Alt</label>
                                        <input type="text" name="img_alt" class="form-control" value="{{ old('img_alt') }}">
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-12 mt-3">
                                <input type="submit" value="Add New Post" class="btn btn-primary">
                            </div>
                        </form>


                    </div>

                </div>
                <!-- /.card -->

            </div>

        </div>
    </section>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->

@endsection