@extends('layouts.sale')
@section('content')
<div class="content-wrapper" id="app">
    <!-- Content Header (Page header) -->
    <section class="content-header m-3">
      <h1>Stock List
        @if (auth()->guard('admin')->user()->checkSpPermission('customers.index'))
        <a class="btn btn-small btn-success pull-right" href="{{ URL::to('/stocks/create') }}"><i class="fa fa-plus"></i>&nbsp; {{__('Add Stock')}}</a>
        @endif

        {{-- <a class="btn btn-small btn-success pull-right" style="margin-right: 20px;" href="{{ URL::to('/Backoffice/stocks/category') }}"> Stock Alert</a> --}}

           
         <a class="btn btn-small btn-success pull-right" style="margin-right: 20px;" href="#addCategoryModal" data-toggle="modal">
                                       {{ __('Category') }}
                                    </a>
                               
        </h1>
    </section>
    <!-- Main content -->
    <section class="content">
    <div class="row">
        <div class="col-md-12">
            <div class="box box-success">
                <div class="box-body">
                    <div class="box-header">
                    @include('partials.filters', ['filter_route'=>url('/stocks'), 'filter_id'=>'stockFilter'])
                    </div>
                    <div id="list-sale-report">
                        @include('stock.sale_table', ['stocks'=>$stocks, 'type'=>'all'])
                    </div>
                </div>
            </div>
        </div>
    </div>
    </section>
</div>


    <div class="modal fade sub-modal" id="addCategoryModal">
        <div class="modal-dialog modal-lg">

            <div class="modal-content" id="addCustomer">
                {{ Form::open(['url' => 'category', 'files' => true, 'id' => 'addCategoryModalForm']) }}

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Add Category</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-sm-10">
                            <div class="form-group row">
                                <label for="name" class="col-sm-3 text-right">Name *</label>
                                <div class="col-sm-9">
                                    {{ Form::text('name', null, ['class' => 'form-control', 'required']) }}
                                </div>
                            </div>

                            <div class="form-group row">
                                <label for="slug" class="col-sm-3 text-right">Slug *</label>
                                <div class="col-sm-9">
                                    {{ Form::text('slug', null, ['class' => 'form-control', 'required']) }}
                                </div>
                            </div>

                            <div class="form-group row">
                                <label for="description" class="col-sm-3 text-right">Description *</label>
                                <div class="col-sm-9">
                                    {{ Form::textarea('description', null, ['class' => 'form-control', 'style' => 'height: 85px;', 'required']) }}
                                </div>
                            </div>





                        </div>


                    </div>
                    <div class="row">
                        <div class="col-sm-12">

                            {{ Form::submit(trans('Save'), ['class' => 'btn btn-success']) }}

                        </div>


                    </div>


          

                        <div class="row">
        <div class="col-md-12">
            <div class="box box-success">
                <div class="box-body">
            
            
                    <div id="addCategoryModalTable">
                      
                            <table class="table table-striped" id="">
                                <thead>
                                    <tr>
                                        <th scope="col">#</th>
                                        <th scope="col">Name</th>
                                        <th scope="col">slug</th>
                                        <th scope="col">Description</th>

                                    </tr>
                                </thead>
                                <tbody>



                                    @foreach ($categories as $category)
                                        <tr>
                                            <th scope="row">{{ $category->id }}</th>
                                            <td>{{ $category->name }}</td>
                                            <td>{{ $category->slug }}</td>
                                            <td>{{ $category->description }}</td>
                                        </tr>
                                    @endforeach


                                </tbody>
                            </table>

                               @php 
            $index_route = url('/Backoffice/stocks/category');
        @endphp
        @include('partials.pagination', ['items' => $categories, 'index_route' => $index_route])
                    </div>

                    
                </div>
            </div>
        </div>
    </div>


                </div>
                <div class="modal-footer">


                    <button type="button" class="btn btn-default" data-dismiss="modal">{{ __('Close') }}</button>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
@endsection