@extends('layouts.load')

@section('content')

            <div class="content-area">

              <div class="add-product-content">
                <div class="row">
                  <div class="col-lg-12">
                    <div class="product-description">
                      <div class="body-area">
                        @include('includes.admin.form-error')  
                      <form id="geniusformdata" action="{{route('admin-subcat-create')}}" method="POST" enctype="multipart/form-data">
                        {{csrf_field()}}
                        <div class="row">
                          <div class="col-xl-12">
                              <div class="input-form">
                                  <p><small>* {{ __("indicates a required field") }}</small></p>
                              </div>
                          </div>
                      </div>

                        <div class="row">
                          
                          <div class="col-xl-12">
                            <div class="input-form">
                                <h4 class="heading">{{ __("Category") }}*</h4>
                                <select  name="category_id" required="">
                                  <option value="">{{ __("Select Category") }}</option>
                                    @foreach($cats as $cat)
                                      <option value="{{ $cat->id }}">{{ $cat->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                          </div>

                          <div class="col-xl-12">
                            <div class="input-form">
                              @component('admin.components.input-localized',["required" => true])
                                  @slot('name')
                                    name
                                  @endslot
                                  @slot('placeholder')
                                    {{ __('Enter Name') }}
                                  @endslot
                                  {{ __('Name') }} *
                              @endcomponent
                            </div>
                          </div>
                        </div><!--FECHAMENTO TAG ROW-->

                        <div class="col-xl-12">
                          <div class="input-form">
                            <h4 class="heading">{{ __('Banner') }} *</h4>
                            <div class="img-upload full-width-img">
                              <div id="image-preview" class="img-preview"
                                style="background: url('{{ asset('assets/admin/images/upload.png') }}');">
                                <label for="image-upload" class="img-label" id="image-label"><i
                                    class="icofont-upload-alt"></i>{{ __('Upload Image') }}</label>
                                <input type="file" name="banner" class="img-upload" id="image-upload">
                              </div>
                              <p class="text">{{ __('Prefered Size: (1920x400) or Rectangular Sized Image') }}</p>
                            </div>
                          </div>
                        </div>

                        <div class="row justify-content-center">
                          <button class="addProductSubmit-btn" type="submit">{{ __("Create") }}</button>
                        </div>
                      </form>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

@endsection