@extends('apex-layouts.main')

@section("title",($model->name)?ucfirst($model->name):"Add A New Categories")

@section('header-right')
    @if($model->exists)
        <a href="{{ route('categories.create') }}"
           class="btn btn-raised btn-raised btn-info mr-1 round">
            <i class="fa fa-plus-circle"></i>
        </a>
    @endif
    <a href="{{ route('categories.index') }}"
       class="btn btn-raised btn-raised btn-warning mr-1 round">
        Go Back
    </a>
@endsection
@section('content')

    <section id="basic-form-layouts">
        <div class="card">
            <div class="card-body">
                <div class="px-3">
                    <form method="post" class="form"
                          enctype="multipart/form-data"
                          action="{{ ($model->exists)? route('categories.update', [$model->id]): route('categories.store') }}">
                        @if ($model->exists)
                            @method('PUT')
                        @endif
                        @csrf
                        <div class="form-body">
                            <h4 class="form-section"><i class="ft-title"></i> Categories Info</h4>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="categoriess_name">Title</label>
                                        <input type="text" id="categoriess_name"
                                               class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}"
                                               value="{{ (old('name'))? old('name'): $model->name }}"
                                               placeholder="name"
                                               name="name" autofocus>
                                        @if ($errors->has('name'))
                                            <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('name') }}</strong>
                                                    </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="categoriess_slug">slug</label>
                                        <input type="text" id="categoriess_slug"
                                               class="form-control{{ $errors->has('slug') ? ' is-invalid' : '' }}"
                                               value="{{ (old('slug'))? old('slug'): $model->slug }}"
                                               placeholder="slug"
                                               name="slug" autofocus>

                                        @if ($errors->has('slug'))
                                            <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('slug') }}</strong>
                                                    </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="categoriess_slug">logo</label>
                                        <input type="text" id="categoriess_logo"
                                               class="form-control{{ $errors->has('logo') ? ' is-invalid' : '' }}"
                                               value="{{ (old('logo'))? old('logo'): $model->logo }}"
                                               placeholder="logo"
                                               name="logo" autofocus>

                                        @if ($errors->has('logo'))
                                            <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('logo') }}</strong>
                                                    </span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-3">
                                    <div class="form-group">
                                        <label>Banner</label>
                                        <input type="file" name="banner" class="form-control-file"
                                               id="projectinput8">
                                    </div>
                                </div>
                                <div class="col-3 image-show" data-title="{!! $model->name !!}">
                                    <div class="form-group">
                                        <img src="#"
                                             data-src="{{($model->cover_id)? env("IMAGE_BASE_URL")."/".$model->imageLogo->filePath."/".$model->imageLogo->title:env("NO_IMAGE_URL")}}"
                                             class="img-thumbnail img-xl">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-actions">
                            <button type="submit" class=" pull-right btn btn-raised btn-raised btn-primary">
                                <i class="fa fa-check-square-o"></i> Save
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection