@extends('layouts.master')
@section('title','blog')
@section('parentPageTitle', 'All Blog')
@section('content')
    <div class="card m-2">
        <div class="card-header">
            <div class="float-left">
                <h3>@translate(All Blog)</h3>
            </div>
            <div class="float-right">
                <div class="row">
                    <div class="col">
                        <a href="{{route('blog.create')}}"
                           class="btn btn-primary">
                            <i class="la la-plus"></i>
                            @translate(Create Blog)
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="card-body">
            <form action="{{route('blog.store')}}" method="post" enctype="multipart/form-data">
                @csrf
                <div class="form-group">
                    <label>@translate(Title) <span class="text-danger">*</span></label>
                    <input class="form-control" name="name" placeholder="@translate(Title)" required>
                </div>

                <div class="form-group">
                    <label>@translate(Select Category)</label>
                    <select class="form-control select2 w-100" name="category_id" required>
                        <option value="">@translate(Category Select)</option>
                        @foreach($categories as $item)
                            <option value="{{$item->id}}">{{$item->name}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="col-form-label text-md-right">@translate(Primary Image)</label>
                    <div class="custom-file">

                        <input name="icon" class="icon" type="hidden" value="">
                        @error('icon') <span class="invalid-feedback" role="alert"> <strong>{{ $message }}</strong> </span> @enderror
                        <img class="category_preview rounded shadow-sm d-none" width="55" src="" alt="#Category icon">

                        <br>

                        <input type="hidden" name="category_url" class="category_url" value="">
                        @if (MediaActive())
                            {{-- media --}}
                            <a href="javascript:void()" onclick="openNav('{{ route('media.slide') }}', 'category')" class="btn btn-primary media-btn mt-2 p-2">Upload From Media <i class="fa fa-cloud-upload ml-2" aria-hidden="true"></i> </a>
                        @endif

                    </div>
                </div>

                <div class="form-group row">
                    <label class="col-lg-3 col-form-label" for="val-tag">
                        @translate(Tags) <span class="text-danger">*</span></label>
                    <div class="col-lg-9">
                        <div class="bootstrap-tagsinput">
                            <input type="text"  class="@error('tag') is-invalid @enderror" placeholder="@translate(Enter Tags)"  id="val-tag" name="tag" data-role="tagsinput">
                            @error('tag') <span class="invalid-feedback" role="alert"> <strong>{{ $message }}</strong> </span> @enderror
                        </div>
                    </div>
                </div>

                {{-- Big description --}}
                <div class="form-group row">
                    <label class="col-lg-3 col-form-label" for="val-suggestions">
                        @translate(Body)</label>
                    <div class="col-lg-9">
                        <textarea required="required" class="form-control summernote @error('desc') is-invalid @enderror" name="desc" rows="5">{{ old('desc') }}</textarea>
                        @error('desc') <span class="invalid-feedback" role="alert"> <strong>{{ $message }}</strong> </span> @enderror
                    </div>
                </div>

                <div class="float-right">
                    <button class="btn btn-primary float-right" type="submit">@translate(Save)</button>
                </div>

            </form>
        </div>
    </div>

@endsection


@section('js-link')
    @include('layouts.include.form.form_js')
@stop
@section('page-script')
    <script type="text/javascript" src="{{ asset('assets/js/custom/course.js') }}"></script>
@stop