@extends('layouts.general')

@section('link')
    <link href="{{ asset('css/theme.default.css') }}" rel="stylesheet">
    <link href="{{ asset('css/chosen.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/style.css') }}" rel="stylesheet">
    
    <link href="{{ asset('css/admin_filters.css') }}" rel="stylesheet">
    <link href="{{ asset('css/print_style.css') }}" rel="stylesheet">
@endsection

@section('style')
<style>
    .form-inline .form-group {
         vertical-align: text-top;
    }
</style>
@endsection

@section('content')
<div class="container">
@include('shared.messages')
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="panel panel-default">

                <div class="panel-heading">
                    <h3 class="panel-title">
                        <span class="glyphicon glyphicon-tent"></span> {{__('texte.invoices_arr.index.invoices_storage')}}
                        <div class="pull-right"></div>
                    </h3><br />
                        
                    <div class="form-inline">
                        @permission('invoice-form-storage-read')
                            <div class="form-group">
                                <div class="input-group">
                                    <select class="form-control" id="storage" name="storage">
                                        <option value="">--- {{__('texte.invoices_arr.index.storage')}} ---</option>
                                        @foreach ($storages as $storage)
                                            <option value="{{ $storage->name }}" data-id='{{ $storage->id}}' {{isset($input['hidden_storage']) && $input['hidden_storage']==$storage->id ? 'selected' : ''}}>{{ $storage->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        @endpermission

                        @permission('invoice-form-category-read')
                        <div class="form-group">
                            <div class="input-group">
                                <select class="form-control" id="filter_category" name="filter_category">
                                    <option value="">--- {{__('texte.invoices_arr.index.category')}} ---</option>
                                    @foreach($categories as $current_category)
                                        <option data-level="1" value="{{','.$current_category->id.','}}" {{isset($input['hidden_category']) && $input['hidden_category']==$current_category->id ? 'selected' : ''}}>{{$current_category->name}}</option>
                                        @if(count($current_category->children)>0)
                                            @foreach($current_category->children as $current_sub_category)
                                                <option data-level="{{count($current_sub_category->children)>0 ? '2' : '3'}}" data-parent="{{$current_category->name}}" value='{{','.$current_sub_category->id.','}}' {{isset($input['hidden_category']) && $input['hidden_category']==$current_sub_category->id ? 'selected' : ''}}>&nbsp;&nbsp;&nbsp;&nbsp;{{$current_category->name."\\ ".$current_sub_category->name}}</option>
                                                @if(count($current_sub_category->children)>0)
                                                    @foreach($current_sub_category->children as $current_sub_sub_category)
                                                        <option data-level="3" data-parent_parent="{{$current_category->name}}" data-parent="{{$current_sub_category->name}}" value='{{','.$current_sub_sub_category->id.','}}' {{isset($input['hidden_category']) && $input['hidden_category']==$current_sub_sub_category->id ? 'selected' : ''}}>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{$current_category->name."\\ ".$current_sub_category->name."\\ ".$current_sub_sub_category->name}}</option>
                                                    @endforeach
                                                @endif
                                            @endforeach
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        @endpermission

                        @permission('invoice-form-producer-read')
                            <div class="form-group">
                                <div class="input-group">
                                    <select id="producer" name="producer" data-name="{{__('texte.invoices_arr.prices.producer')}}">
                                        <option value="">--- {{__('texte.invoices_arr.index.producer')}} ---</option>
                                        @foreach($producers as $producer)
                                            <option value="{{$producer->id}}" {{isset($input['producer']) && $input['producer']==$producer->id ? 'selected' : ''}}>{{ $producer->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        @endpermission

                        @permission('invoice-form-mark-read')
                            <div class="form-group">
                                <div class="input-group">
                                    <select id="mark" name="mark" data-name="{{__('texte.invoices_arr.prices.mark')}}">
                                        <option value="">--- {{__('texte.invoices_arr.index.mark')}} ---</option>
                                        @foreach($marks as $mark)
                                            <option value="{{$mark->id}}" {{isset($input['mark']) && $input['mark']==$mark->id ? 'selected' : ''}}>{{ $mark->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        @endpermission

                        @permission('invoice-form-package-read')
                            <div class="form-group">
                                <div class="input-group">
                                    <select id="package" name="package" data-name="{{__('texte.invoices_arr.prices.package')}}">
                                        <option value="">--- {{__('texte.invoices_arr.index.package')}} ---</option>
                                        @foreach($packages as $package)
                                            <option value="{{$package->id}}" {{isset($input['package']) && $input['package']==$package->id ? 'selected' : ''}}>{{ $package->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        @endpermission

                        @permission('invoice-form-material-read')
                            <div class="form-group">
                                <div class="input-group">
                                    <select class="form-control" id="material" name="material">
                                        <option value="">--- {{__('texte.invoices_arr.index.material')}} ---</option>
                                        @foreach ($materials as $material)
                                            <option value="{{ $material->id}}" {{isset($input['material']) && $input['material']==$material->id ? 'selected' : ''}}>{{ $material->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        @endpermission

                        @permission('invoice-form-size-read')
                            <div class="form-group">
                                <div class="input-group">
                                    <select class="form-control" id="size" name="size">
                                        <option value="">--- {{__('texte.invoices_arr.index.size')}} ---</option>
                                        @foreach ($sizes as $size)
                                            <option value="{{ $size->id}}" {{isset($input['size']) && $input['size']==$size->id ? 'selected' : ''}}>{{ $size->value }} {{$size->unit==1 ? __('texte.invoices_arr.index.kg') : __('texte.invoices_arr.index.l')}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        @endpermission

                        @permission('invoice-form-product-read')
                            <div class="form-group">
                                <div class="input-group">
                                    <select class="form-control" id="product" name="product[]" multiple>
                                        @foreach($products as $product)
                                            <option value="{{$product->name}}" data-id='{{$product->id}}' {{isset($input['product']) && in_array($product->name,$input['product']) ? 'selected' : ''}}>{{$product->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        @endpermission                                                   
                    </div>
                </div>

                <div class="panel-body">
                    <table class="table table-striped table-bordered table-hover dataTables-example dataTable" width="100%">
                        <thead>
                            <tr>
                                <th>{{strtoupper(__('texte.invoices_arr.index.id'))}}</th>
                                <th>{{__('texte.invoices_arr.index.storage')}}</th>
                                <th>{{__('texte.invoices_arr.index.product_id')}}</th>
                                <th>{{__('texte.invoices_arr.index.product')}}</th>
                                <th>{{__('texte.invoices_arr.index.quantity')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($invoices as $invoice)
                                <tr>
                                    <td>{{$invoice->id}}</td>
                                    <td>{{$invoice->storage->name}}</td>
                                    <td>{{$invoice->product_id}}</td>
                                    <td>{{$invoice->product->name}}</td>
                                    <td>{{$invoice->quantity}}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                
                @permission('invoice-form-category-read')
                    <div class="form-group" hidden>
                        <div class="input-group">
                            <select class="form-control" id="parent_parent_category" name="parent_parent_category">
                                <option value="">--- {{__('texte.invoices_arr.index.category')}} ---</option>
                                @foreach($categories as $current_category)
                                    <option value='{{','.$current_category->id.','}}'>{{$current_category->name}}</option>                                            
                                @endforeach
                            </select>
                        </div>
                    </div>
                @endpermission
                @permission('invoice-form-category-read')
                    <div class="form-group" hidden>
                        <div class="input-group">
                            <select class="form-control" id="parent_category" name="parent_category">
                                <option value="">--- {{__('texte.invoices_arr.index.category')}} ---</option>
                                @foreach($categories as $current_category)
                                    <option value='{{','.$current_category->id.','}}'>{{$current_category->name}}</option>
                                    @if(count($current_category->children)>0)
                                        @foreach($current_category->children as $current_sub_category)
                                            <option value='{{','.$current_sub_category->id.','}}'>&nbsp;&nbsp;&nbsp;&nbsp;{{$current_sub_category->name}}</option>
                                        @endforeach
                                    @endif
                                @endforeach
                            </select>
                        </div>
                    </div>
                @endpermission
            </div>
        </div>
    </div>
</div>

<script src="{{ asset('js/chosen.js') }}"></script>

<script type="text/javascript" charset="utf-8">
    
$(document).ready(function(){    
    $('#filter_category,#mark,#package,#material,#producer,#size,#storage').chosen();
    
    $('#product').chosen({placeholder_text_multiple: '--- Продукт ---'});
   
    $('#filter_category_chosen .chosen-drop').css({"width": "400px"});
});
</script>
@endsection