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

@section('content-header')
    <section class="content-header">
        <h1>Add Product</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 Product</li>
        </ol>
    </section>
@endsection
@section('content')
    <section class="content container-fluid">
        <form action="{{ route('product.store') }}" method="POST" enctype="multipart/form-data">
            @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">Category<span class="text-danger"> *</span></label>
                                            <select name="category_id" class="form-control select2" required>
                                                <option value="">Select Category</option>
                                                @foreach($categories as $category)
                                                    <option value="{{ $category->id }}" {{ (old('category_id') == $category->id) ? 'selected' : '' }}>{{ $category->name }}</option>
                                                @endforeach
                                            </select>
                                            @if ($errors->has('category_id'))<span class="help-block text-danger">{{ $errors->first('category_id') }}</span>@endif
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <div class="checkbox"><label class="control-label"><input name="featured" type="checkbox" {{ (old('featured')==1) ? 'checked' : '' }} value="1" > <b>Featured</b></label></div>
                                            @if ($errors->has('featured'))<span class="help-block text-danger">{{ $errors->first('featured') }}</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" id="editor1" name="description">{{ old('description') }}</textarea>
                                            @if ($errors->has('description'))<span class="help-block text-danger">{{ $errors->first('description') }}</span>@endif
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label class="control-label">Excerpt</label>
                                            <textarea class="form-control" rows="6" name="excerpt">{{ old('excerpt') }}</textarea>
                                            @if ($errors->has('excerpt'))<span class="help-block text-danger">{{ $errors->first('excerpt') }}</span>@endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="box box-warning">
                            <div class="box-header with-border text-bold">Image</div>
                            <div class="box-body">
                                <div class="form-group">
                                    <input type="file" name="image" class="form-control">
                                    @if ($errors->has('image'))<span class="help-block text-danger">{{ $errors->first('image') }} </span>@endif
                                </div>
                            </div>
                        </div>
                        <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('product.index') }}"><i class="fa fa-th-list"></i> Product List</a>
                            </div>
                        </div>
                    </div>

                </div>

            </fieldset>
        </form>

    </section>
@endsection