@extends('backend.layouts.app')
@section('content')
    <br /><br />
    <div class="container-fluid">
        <div class="row">
            <div class="col">
                <div class="card shadow">
                    <div class="card-header border-0">
                        <div class="row align-items-center">
                            <div class="col-12">
                                <h3 class=" mb-0">Store Items</h3>
                            </div>

                            <div class="col-12" style="margin-top:20px; text-align: right;">
                                <form class="file-import-form" id="file-import-form" width="100%" role="form" enctype="multipart/form-data" files="true">
                                    {{ csrf_field() }}
                                
                                    <button type="button" class="btn btn-primary import_items" id="import_store_items" value="import_store_items">Bulk Upload Store Items</button>
                                    <button type="button" class="btn btn-primary import_items" id="import_store_item_sizes" value="import_store_item_sizes">Bulk Upload Store Item Sizes</button>
                                    <button type="button" class="btn btn-primary import_items" id="import_store_item_variances" value="import_store_item_variances">Bulk Upload Store Item Variations</button>
                                    <button type="button" class="btn btn-primary import_items" id="import_store_item_variance_sizes" value="import_store_item_variance_sizes">Bulk Upload Store Item Variation Sizes</button>

                                    <input type="file" class="import_items_file" id="import_items_file" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" style="display: none" />
                                </form>
                            </div>

                            <div class="col-10" style="margin-top:50px;">
                                <button type="button" class="btn btn-primary" id="all_tab" data-id="0">All Items</button>
                                <button type="button" class="btn btn-outline-success" id="primary_tab" data-id="1" >Primary Items</button>
                                <button type="button" class="btn btn-outline-warning" id="secondary_tab" data-id="2">Secondary Items</button>
                            </div>
                            @if(auth()->user()->user_type_id == '2')
                                <div class="col-2" style="margin-top:50px; text-align: right;">
                                    <button type="button" class="btn bg-gradient-success text-white" id="primary" data-toggle="modal" data-target="#modal-default">Add Item</button>
                                </div>
                            @endif

                            

                        </div>
                    </div>

                    <div class="card card-nav-tabs text-center" id="ajax_area">

                    @include('backend.store-items.store-items-ajax')
                    



                    </div>

                    <!-- <div class="card">
                        <div class="card-body">
                            <div class="table-responsive table-hover">
                                <table class="table">
                                    <tbody id="div_user_ratings">
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div> -->




                </div>
            </div>
        </div>
        @include('backend.store-items.modals.add-item')
        @include('backend.store-items.modals.edit-item')
        @include('backend.store-items.modals.loading-modal')
    </div>
    <footer class="fixed-bottom" align="right">
        <div class="dropup btn-group">
             <button class="btn bg-gradient-secondary dropdown-toggle text-grey" data-toggle="dropdown" id="archiveDropdown" style="margin-bottom:40px; margin-right:40px;" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
                <i class="fonticon-equalizer fs-4 me-1"></i> Archives
            </button>
            <div class="archive-menu dropdown-menu dropdown-menu-xl bg-default dropdown-menu-right overflow-auto text-white" aria-labelledby="archiveDropdown" style="font-size:12px; height: 720px; width: 800px;" >
                @include('backend.store-items.archive-items-ajax') 
            </div>
        </div>
    </footer>
    
@endsection
@section('after-scripts')
    <script class="store-js" src="{{ asset('js/store-items/items.js') }}" type="text/javascript"></script>
@endsection