@extends('admin.layouts.app')
@section('content')
          <div class="page-inner">
            <div class="page-header">
              <h3 class="fw-bold mb-3">Forms</h3>
              <ul class="breadcrumbs mb-3">
                <li class="nav-home">
                  <a href="#">
                    <i class="icon-home"></i>
                  </a>
                </li>
                <li class="separator">
                  <i class="icon-arrow-right"></i>
                </li>
                <li class="nav-item">
                  <a href="#">Forms</a>
                </li>
                <li class="separator">
                  <i class="icon-arrow-right"></i>
                </li>
                <li class="nav-item">
                  <a href="#">Basic Form</a>
                </li>
              </ul>
            </div>
            <div class="row">
              <div class="col-md-12">
                <div class="card">
                  @if(session('message')) 
                    <div class="alert alert-success"> {{ session('message') }} </div> 
                  @endif
                  <form action="{{route('admin.category.store')}}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="card-header">
                      <div class="card-title">Add Category</div>
                    </div>
                    <div class="card-body">
                      <div class="row">
                        <div class="col-md-6 col-lg-6">
                          
                          <div class="form-group form-inline">
                            <label
                              for="name"
                              class="col-md-3 col-form-label"
                              >Category</label
                            >
                            <div class="col-md-12 p-0">
                              <input
                                type="text"
                                class="form-control input-full"
                                id="name"
                                name="name"
                                value="{{old('name')}}"
                                placeholder="Enter Category"
                              />
                            </div>
                             @error('name')
                              <div class="text text-danger"> {{ $message }} </div>
                              @enderror
                          </div> 
                         
                          
                          <div class="form-group">
                            <label for="description">Description</label>
                            <textarea class="form-control" id="description" name="description" rows="5">
                            </textarea>
                            @error('description')
                            <div class="text text-danger">{{ $message }}</div>
                            @enderror
                          </div>
                          
                          <!-- <div class="form-group form-inline">
                            <label
                              for="inlineinput"
                              class="col-md-3 col-form-label"
                              >Meta Title</label
                            >
                            <div class="col-md-12">
                              <input
                                type="text"
                                class="form-control input-full"
                                id="inlineinput"
                                placeholder="Enter Input"
                              />
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="comment">Comment</label>
                            <textarea class="form-control" id="comment" rows="5">
                            </textarea>
                          </div> -->
                          
                        
                        </div>
                        <div class="col-md-6 col-lg-12">                      
                          
                          <div class="form-group">
                            <label for="image"
                              >Example file input</label
                            >
                            <input
                              type="file"
                              class="form-control"
                              id="image"
                              name="image"
                            />
                            @error('image')
                            <div class="text text-danger">{{ $message }}</div>
                            @enderror
                          </div>
                          <div class="form-group">
                            <label class="form-label">Image Check</label>
                            <div class="row">
                              <div class="col-6 col-sm-4">
                                <label class="imagecheck mb-4">
                                  <input
                                    name="imagecheck"
                                    type="checkbox"
                                    value="1"
                                    class="imagecheck-input"
                                  />
                                  <figure class="imagecheck-figure">
                                    <img
                                      src="{{asset('assets/admin/img/examples/product1.jpg')}}"
                                      alt="title"
                                      class="imagecheck-image"
                                    />
                                  </figure>
                                </label>
                              </div>
                              <div class="col-6 col-sm-4">
                                <label class="imagecheck mb-4">
                                  <input
                                    name="imagecheck"
                                    type="checkbox"
                                    value="2"
                                    class="imagecheck-input"
                                    checked=""
                                  />
                                  <figure class="imagecheck-figure">
                                    <img
                                      src="{{asset('assets/admin/img/examples/product4.jpg')}}"
                                      alt="title"
                                      class="imagecheck-image"
                                    />
                                  </figure>
                                </label>
                              </div>
                              <div class="col-6 col-sm-4">
                                  
                                <label class="imagecheck mb-4">
                                  <input
                                    name="imagecheck"
                                    type="checkbox"
                                    value="3"
                                    class="imagecheck-input"
                                  />
                                  <figure class="imagecheck-figure">
                                    <img
                                      src="{{asset('assets/admin/img/examples/product3.jpg')}}"
                                      alt="title"
                                      class="imagecheck-image"
                                    />
                                  </figure>
                                </label>
                              </div>
                            </div>
                          </div>
                                                
                                              
                          
                        </div>                      
                      </div>
                    </div>
                    <div class="card-action">
                      <button class="btn btn-success">Submit</button>
                      <!-- <button class="btn btn-danger">Cancel</button> -->
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
@endsection