@extends('layouts.app-admin')
@section('content')

<!-- [ content ] Start -->
<!-- [ content ] Start -->
<div class="container-fluid flex-grow-1 container-p-y">
        <h4 class="font-weight-bold py-3 mb-0">Add Shop by Theme</h4>
        <div class="text-muted small mt-0 mb-4 d-block breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}"><i class="feather icon-home"></i></a></li>
                <li class="breadcrumb-item">Shop by Themes</li>
                <li class="breadcrumb-item active">Add Shop by Theme</li>
            </ol>
        </div>

        <div class="card mb-4">
            <h6 class="card-header bg-dark text-white">Shop by Theme</h6>
            <div class="card-body">

                <form class="form-horizontal form-label-left" action="{{ url('admin/shopbytheme') }}" method="post" enctype="multipart/form-data">
                    {!! csrf_field() !!}
                    <div class="form-row">
                    <div class="form-group col-md-6">
                       <label class="form-label">Type <span class="error">*</span></label>
                       <select class="form-control" name="type">
                       <option value="">Select Type</option>
                           <option value="Footwear">Footwear</option>
                           <option value="Clothing">Clothing</option>
                       </select>
                       <div class="clearfix"></div>
                       @error('type')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                   </div>
                  
               </div>       
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label class="form-label">Title <span class="error">*</span></label>
                            <input type="text" class="form-control" placeholder="Enter Title" name="title" onkeyup="slug_url(this.value,'title_slug')">
                            <input type="hidden" class="form-control form-control-sm" name="title_slug" placeholder="Enter Uniqe URL Slug." id="title_slug">
                            <div class="clearfix"></div>
                            @error('title')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div> 
                        </div> 
                      
                        <div class="form-row">   
                       
                       <div class="form-group col-md-6">
                           <label class="form-label">Status <span class="error">*</span></label>
                           <select class="form-control" name="status">
                               <option value="active">Active</option>
                               <option value="inactive">In-Active</option>
                           </select>
                           <div class="clearfix"></div>
                       </div>
                      
                   </div>      
                         
                    
                    <button type="submit" class="btn btn-primary">Submit</button>
                </form>
            </div>
        </div>
    </div>
    <!-- [ content ] End -->
<!-- [ content ] End -->
@endsection