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

	<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet" />  
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

    {{--<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
    <script src="{{ asset('admin/assets/extra-libs/multicheck/datatable-checkbox-init.js') }}"></script>
    <script src="{{ asset('admin/assets/extra-libs/multicheck/jquery.multicheck.js') }}"></script>
    <script src="{{ asset('admin/assets/extra-libs/DataTables/datatables.min.js') }}"></script>



    <link rel="stylesheet" type="text/css" href="{{ asset('admin/assets/extra-libs/multicheck/multicheck.css') }}">
    <link href="{{ asset('admin/assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.css') }}" rel="stylesheet">


    <script src="https://www.giftbasketworldwide.com/js/admin/misc.js"></script>
    <script src="https://www.giftbasketworldwide.com/js/admin/tinymce.min.js"></script>--}}



    <main id="main" class="main">

        @if( Session::get('permissions.user_type') == 'A' || Session::get('permissions.user_type') == 'SA' || Session::get('permissions.user_type') == 'OP' || Session::get('permissions.user_type') == 'M' || Session::get('permissions.user_type') == 'E')

			<div class="page-breadcrumb">

			    <div class="row">

			        <div class="col-12 d-flex no-block align-items-center justify-content-between px-4 mb-2">

			            <h4 class="page-title">

			                {{--<a href="{{ route('admin.product.dbfldupdate') }}"><i class="fas fa-server fawsm"></i></a>--}}

			                 {{strtoupper($site_name)}} Product Sort Order

			            </h4>

			            <div class="ml-auto text-right">

			                <a href="{{ route('admin.product.list') }}" class="btn btn-outline-info">Back</a>

			            </div>

			        </div>

			    </div>

			</div>



			<div class="container-fluid">

			    <div class="row">

			        <div class="col-12">

			            <div class="card">

			                <div class="card-body">

			                    @foreach (['danger', 'warning', 'success', 'info'] as $msg)

			                        @if(Session::has('alert-' . $msg))

			                            <h4 class="font-weight-light alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}</h4>

			                        @endif

			                    @endforeach

			                    <!-- <h5 class="card-title">Product</h5> -->



			                    <div class="product-search">

			                        <div class="prod-search-title">

			                            <h5 class="card-title">

			                                Products

			                            </h5>

			                        </div>

			                        <div class="prod-search-body">

			                            <form action="" method="post" enctype="multipart/form-data">

			                                @csrf
			                                <div class="form-group m-t-20 seltform">
				                                <select class="form-control cat-select" required data-actions-box="true" id="category_ids" name="category_id" onchange="this.form.submit()">

													<option value="">Choose Category</option>

												 	
											   	</select>
										   	</div>

			                                

			                                <button class="btn btn-primary" type="submit" ><i class="fa fa-search"></i></button>

			                            </form>                     

			                        </div>

			                    </div>

			                    

			                    

			                    <div class="table-responsive">

			                        <table id="zero_config" class="table table-striped table-bordered">

			                            <thead>

			                                <tr>

			                                    <th style="width: 5%"><b>No.</b></th>

			                                    <th style="width: 10%"><b>Image</b></th>

			                                    <th style="width: 20%"><b>SKU</b></th>

			                                    <th style="width: 25%"><b>Title</b></th>

			                                    <th style="width: 20%"><b>Price</b></th>

			                                    <th style="width: 20%"><b>{{strtoupper($site_name)}} Sort Order</b></th>

			                                </tr>

			                            </thead>

			                            <tbody>