@extends('layouts.admin')

@section('title', 'Create Category')
@section('content-header', 'Create Category')

@section('content')

<div class="card">
    <div class="card-body">
	<!-- Log on to codeastro.com for more projects -->
    <form style="width:50%;margin-left:25%;" action="{{route('admin.category.store')}}" enctype='multipart/form-data' method="POST" class="needs-validation" novalidate>
        @csrf    
        <div class="form-group">
            <label for="duration">Name:</label>
            <input type="text" class="form-control" id="name" placeholder="Category" name="name" required>
            <div class="valid-feedback">Valid.</div>
            <div class="invalid-feedback">Please fill out this field.</div>
        </div>     
        <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i>Submit</button>
    </form>
    </div>
</div>
@endsection

@section('js')
<script src="{{ asset('plugins/bs-custom-file-input/bs-custom-file-input.min.js') }}"></script>
<script>
    $(document).ready(function () {
        bsCustomFileInput.init();
    });
</script>
@endsection