@extends('back.layouts.layout')
@section('title','Add Category')

@section('content-header')
    <section class="content-header">
        <h1>Add Category</h1>
        <ol class="breadcrumb">
            <li><a href="{{ route('dashboard') }}"><i class="fa fa-dashcube"></i> Dashboard</a></li>
            <li>Product</li>
            <li class="active">Add Category</li>
        </ol>
    </section>
@endsection
@section('content')
    <section class="content container-fluid">
        <form action="{{ route('category.store') }}" method="POST">
            @csrf
            @method('post')
            <fieldset class="content-group">
                <div class="row">
                    <div class="col-md-8">
                        <div class="box box-primary">
                            <div class="box-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label class="control-label">Name<span class="text-danger"> *</span></label>
                                            <input type="text" name="name" class="form-control" value="{{ old('name') }}" required="required" autofocus/>
                                            @if ($errors->has('name'))<span class="help-block text-danger">{{ $errors->first('name') }}</span>@endif
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label class="control-label">Description</label>
                                            <textarea class="form-control" name="description">{{ old('description') }}</textarea>
                                            @if ($errors->has('description'))<span class="help-block text-danger">{{ $errors->first('description') }}</span>@endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="box box-info">
                            <div class="box-header with-border text-bold">Status</div>
                            <div class="box-body">
                                <div class="form-group">
                                    <select class="form-control" name="status" required>
                                        @foreach($statuses as $key=> $status)
                                            <option value="{{ $key }}"  {{ (old('status') == $key) ? 'selected' : '' }}>{{ $status }}</option>
                                        @endforeach
                                    </select>
                                    @if ($errors->has('status'))<span class="help-block text-danger">{{ $errors->first('status') }} </span>@endif
                                </div>
                            </div>
                        </div>
                        <div class="box box-success">
                            <div class="box-header with-border text-bold">Publish</div>
                            <div class="box-body">
                                <button type="submit" name="save" class="btn btn-success"><i class="fa fa-save"></i> Save</button>
                                <a type="button" class="btn bg-maroon" href="{{ route('category.index') }}"><i class="fa fa-th-list"></i> Category List</a>
                            </div>
                        </div>
                    </div>
                </div>
            </fieldset>
        </form>
    </section>
@endsection