{{-- mainLayouts extends --}}
@extends('layouts.contentLayoutMaster')

{{-- Page title --}}
@section('title', 'Category Create')
@section('vendor-style')
<link rel="stylesheet" type="text/css" href="{{asset('vendors/dropify/css/dropify.min.css')}}">
@endsection

@section('content')
<form action="{{route('admin.category.store')}}" method="POST" enctype="multipart/form-data">
    @csrf
    <div class="card">
        <div class="card-content">
            <span class="card-title">Add Category</span>
            <table class="striped">
                <tr>
                    <th width="20%" class="right-align padr30px">Category Name *</th>
                    <td>
                        <div class="input-field">
                            <input id="name" name="name" type="text" class="@error('name') error @enderror" value="{{old('name')}}">
                            <small class="errorTxt1">
                                @if ($errors->has('name'))
                                <div id="name-error" class="error">{{ $errors->first('name') }}</div>
                                @endif
                            </small>
                        </div>
                    </td>
                </tr>
                <tr>
                    <th class="right-align padr30px">Description</th>
                    <td>
                        <div class="input-field">
                            <input id="detail" name="detail" type="text" class="@error('detail') error @enderror" value="{{old('detail')}}">
                            <small class="errorTxt1">
                                @if ($errors->has('detail'))
                                <div id="detail-error" class="error">{{ $errors->first('detail') }}</div>
                                @endif
                            </small>
                        </div>
                    </td>
                </tr>
                <tr>
                    <th class="right-align padr30px">Image *</th>
                    <td>
                        <div class="input-field">
                            <input type="file" name="image" id="input-file-now" class="dropify" />
                            <small class="errorTxt1">
                                @if ($errors->has('image'))
                                <div id="image-error" class="error">{{ $errors->first('image') }}</div>
                                @endif
                            </small>
                        </div>
                    </td>
                </tr>
                <tr>
                    <th class="right-align padr30px">For Customer</th>
                    <td>
                        <p>
                            <label>
                                <input type="checkbox" value="1" name="customer_also" />
                                <span>Yes</span>
                            </label>
                        </p>
                    </td>
                </tr>
                <tr>
                    <th class="right-align padr30px">For Merchant</th>
                    <td>
                        <p>
                            <label>
                                <input type="checkbox" value="1" name="merchant_also" />
                                <span>Yes</span>
                            </label>
                        </p>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div class="col s12">
        <div class="input-field row right mb-2">
            <a href="{{ route('admin.category.index') }}" class="waves-effect waves-light black-text padr30px">Cancel</a>
            <button class="btn red border-radius-6 waves-effect waves-light" type="submit" name="action">Create</button>
        </div>
    </div>
</form>
@endsection
@section('vendor-script')
<script src="{{asset('vendors/dropify/js/dropify.min.js')}}"></script>
@endsection

{{-- page script --}}
@section('page-script')
<script src="{{asset('js/scripts/form-file-uploads.js')}}"></script>
@endsection