@extends('layouts.master')
@section('title','Blogs')
@section('breadcum')
    <!-- breadcrumb - navigation system will provide you basic linkings -->
	<div class="breadcrumbbar">
        <div class="row align-items-center">
            <div class="col-md-8 col-lg-8">
                <h4 class="page-title">{{ config('app.name') }}</h4>
                <div class="breadcrumb-list">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ url('/') }}">{{ __('Home') }}</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard.index') }}">{{ __('Dashboard') }}</a></li>
                        <li class="breadcrumb-item active" aria-current="page">
                        	{{ __('Create blog') }}
                        </li>
                    </ol>
                </div>
            </div>
            <!-- This div will display the back button -->
            <div class="col-md-4 col-lg-4">
                <div class="widgetbar">
                    <a title="Back" href="{{ route('blog.index') }}" class="btn btn-secondary"><i class="feather icon-arrow-left mr-2"></i>{{ __('Back')}} </a>
                </div>
            </div>
        </div>          
    </div>
@endsection
@section('maincontent')
    <!-- Create blog form started -->
    <form action="{{ route('blog.store') }}" class="form" method="POST" novalidate enctype="multipart/form-data">
        @csrf
        <div class="row">
            <div class="col-md-12">
                <!-- Card started -->
                <div class="card">
                    <!-- Card header will display you the heading -->
                    <div class="card-header">
                        <h5 class="card-title">{{ __('Create a new blog :') }}</h5>
                    </div> 
                    <div class="card-body">
                        <!-- row started -->
                        <div class="row">
                            <!-- Blog Banner -->
                            <div class="col-md-7">
                                <input name="photo" type="file" id="imgupload"/> 
                                <img src="{{ url('assets/images/blog/blog-1.jpg') }}" alt="blog banner" class=" @error('photo') is-invalid @enderror profilechoosebanner img-thumbnail rounded img-fluid">
                                @error('photo')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div class="col-md-5">
                                <div class="row">
                                    <!-- Heading -->
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label class="text-dark" for="address">{{ __('Heading :')}} <span class="text-danger">*</span></label>
                                            <input required="" class="@error('heading') is-invalid @enderror form-control" id="heading" name="heading" value= "{{ old('heading') }}" placeholder="Please enter heading" />
                                            @error('heading')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <!-- Author Name -->
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label class="text-dark" for="address">{{ __("Author's Name :")}} <span class="text-danger">*</span></label>
                                            <input class="form-control" id="author_name" name="author_name" value="{{ old('author_name') }}" placeholder="Please enter Author Name">
                                            @error('author_name')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <!-- Sub Heading -->
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label class="text-dark" for="address">{{ __('Sub Heading (optional) :')}}</label>
                                            <input class="form-control" id="sub_heading" name="sub_heading" value="{{ old('sub_heading') }}" placeholder="Please enter Sub Heading">
                                            @error('sub_heading')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <!-- Designation -->
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label class="text-dark">{{ __('Designation (optional):')}}</label>
                                            <input value="{{ old('designation') }}" name="designation" type="text" class="form-control" placeholder="Please enter designation of author">
                                            @error('designation')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <!-- row ended -->
                        <hr>
                        <!-- row strted -->
                        <div class="row">
                            <!-- Description -->
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="text-dark">{{ __('Description:')}} <span class="text-danger">*</span></label>
                                    <textarea id="summernote" name="description" type="text" class="form-control" >{{ old('description') }}</textarea>
                                    @error('description')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>
                            <!-- Status -->
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="text-dark" for="status">{{ __('Status :')}} <span class="text-danger">*</span></label>
                                    <div class="custom-control custom-switch">
                                        <input type="checkbox" name="status" class="custom-control-input" id="customSwitch1" {{ $blog->status == 1 ? 'checked' : '' }}>
                                        <label class="custom-control-label" for="customSwitch1"></label>
                                    </div>
                                    @error('status')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>
                            <!-- Create Button -->
                            <div class="col-md-12">
                                <button type="submit" class="btn btn-md btn-success"><i class="feather icon-plus mr-2"></i>{{ __('Create')}}</button>
                            </div>  

                        </div>
                        <!-- row ended -->

                    </div><!-- end card body -->
                </div><!-- end card -->
            </div><!-- end col -->
        </div><!-- end row -->
    </form>
    <!-- create form ended -->
    <br>    
@endsection
<!-- main content section ended -->