@extends('layouts.app')

@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/jquery-ui.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/jquery.dataTables.yadcf.css') }}" rel="stylesheet">
@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-list"></span> {{__('texte.orders_arr.import_table.import_order')}}
                        <div class="pull-right">
                            <a class="btn btn-primary" type="button" href="{{route('orders.index')}}">{{__('texte.orders_arr.import_table.beginning')}}</a>
                        </div>
                    </h3><br />
                </div>
                        

                <div class="panel-body">
                    <form id="generate_order" method="POST" action="{{route('orders.generate')}}">
                        {{ csrf_field() }}
                        
                        <input type="hidden" id="object" name="object" value="{{$object->id}}"/>
                        
                        <div class="form-group">
                            <table class="table table-striped table-bordered table-hover" width="100%">
                                <thead>
                                    <tr>
                                        
                                        
                                        <th>{{__('texte.orders_arr.import_table.client_id')}}</th>
                                        <th>{{__('texte.orders_arr.import_table.product')}}</th>
                                        <th>{{__('texte.orders_arr.import_table.our_id')}}</th>
                                        <th>{{__('texte.orders_arr.import_table.package_count')}}</th>
                                        <th>{{__('texte.orders_arr.import_table.sold_by')}}</th>
                                        <th>{{__('texte.orders_arr.import_table.quantity_ordered')}}</th>
                                        <th>{{__('texte.orders_arr.import_table.available_quantity')}}</th>
                                        <th>{{__('texte.orders_arr.import_table.order_quantity')}}</th>
                                        <th>{{__('texte.orders_arr.import_table.actions')}}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($order_products as $index=>$order_product)
                                    <tr id='{{$index}}'>                                        
                                        <td>{{$order_product['client_id'] ?? ''}}</td>
                                        <td>{{$order_product['name'] ?? ''}}</td>
                                        <td>
                                            <input type='hidden' name='product_id[{{$index}}]' class='product_id' value='{{$order_product['our_id'] ?? 0}}'/>{{$order_product['our_id'] ?? ''}}
                                        </td>
                                        <td>{{$order_product['package_count'] ?? ''}}</td>
                                        <td>{{isset($order_product['measure']) ? ($order_product['measure']==0 ? __('texte.orders_arr.import_table.count') : $order_product['package_name']) : ''}}</td>
                                        <td>{{$order_product['quantity_ordered'] ?? ''}}</td>
                                        <td>{{$order_product['available_quantity'] ?? ''}}</td>
                                        @if(isset($order_product['measure']))
                                        <td>
                                            <input type='text' name='order_quantity[{{$index}}]' class='order_quantity' value='{{$order_product['order_quantity'] ?? 0}}' readonly/>
                                        </td>
                                        <td>
                                            <div class='btn-group btn-group-xs'>
                                                @if($order_product['measure']==1)
                                                    @if($order_product['quantity_ordered']%$order_product['package_count']!=0)
                                                        <button type='button' class="btn btn-warning edit_button" title='{{__('texte.orders_arr.import_table.change_quantity')}}' data-target='#modal-edit' data-toggle='modal'><i class='glyphicon glyphicon-edit'></i></button>
                                                        <button type='button' class='btn btn-danger delete_button' title='{{__('texte.orders_arr.import_table.remove')}}'><i class='glyphicon glyphicon-trash'></i></button>
                                                    @elseif($order_product['order_quantity']!=$order_product['quantity_ordered']/$order_product['package_count'])
                                                        <button type='button' class='btn btn-danger delete_button' title='{{__('texte.orders_arr.import_table.remove')}}'><i class='glyphicon glyphicon-trash'></i></button>
                                                    @endif
                                                @elseif($order_product['measure']==0)
                                                    @if($order_product['order_quantity']==0 || $order_product['order_quantity']!=$order_product['quantity_ordered'])
                                                        <button class='btn btn-danger delete_button' title='{{__('texte.orders_arr.import_table.remove')}}'><i class='glyphicon glyphicon-trash'></i></button>
                                                    @endif
                                                @endif
                                            </div>
                                        </td>
                                        @else
                                        <td><input type='text' name='order_quantity[]' class='order_quantity' value='0' readonly/></td>                                        
                                        <td>
                                            <div class='btn-group btn-group-xs'>
                                                <button class='btn btn-danger delete_button' title='{{__('texte.orders_arr.import_table.remove')}}'><i class='glyphicon glyphicon-trash'></i></button>
                                            </div>
                                        </td>
                                        @endif
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <div class="errorBox"></div>
                        </div>
                        <div class="form-group">
                            <div class="col-xs-12 col-xs-offset-5 col-sm-12 col-sm-offset-5 col-md-12 col-md-offset-5">
                                <button type="submit" class="btn btn-primary" @nonepermission('order-route-create') disabled @endnonepermission>{{__('texte.orders_arr.import_table.add')}}</button>
                            </div>
                        </div>
                    </form>
                </div> 
                <div id="modal-edit" class="modal inmodal" tabindex="-1" role="dialog" aria-labelledby="modal-label">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content animated flipInY">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 id="modal-label" class="modal-title">{{__('texte.orders_arr.import_table.quantity_change')}}</h4>
                            </div>
                            <div class="modal-footer" style='text-align: center;'>
                                <button type="button" class="btn btn-default min" data-quantity='' data-dismiss="modal"></button>
                                <button type="button" class="btn btn-primary max" data-quantity='' data-dismiss="modal"></button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script src="{{ asset('js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('js/datepicker-bg.js') }}"></script>
<script src="{{ asset('js/jquery.query-object.js') }}"></script>

<script src="{{ asset('js/chosen.js') }}"></script>
<script src="{{ asset('js/datatables.min.js') }}"></script>
<script src="{{ asset('js/jquery.dataTables.yadcf.js') }}"></script>

<script src="{{ asset('js/jquery.validate.js') }}"></script>
<script src="{{ asset('js/validation.js') }}"></script>

<script type="text/javascript">
    
    $('.delete_button').on('click', function(){
       $(this).closest('tr').remove();
    });
    
    $('.edit_button').on('click', function(){
       var row = $(this).closest('tr');
       
       var min = Math.floor($(row).find('.order_quantity').val());
       var max = Math.ceil($(row).find('.order_quantity').val());
       
       $('.min').attr('data-id',$(row).attr('id')).attr('data-quantity',min).html(min);
       $('.max').attr('data-id',$(row).attr('id')).attr('data-quantity',max).html(max);
    });
    
    
    $(document).on('click','.min,.max',function(){
        $('#'+$(this).attr('data-id')).find('.order_quantity').val($(this).attr('data-quantity'));
        $('#'+$(this).attr('data-id')).find('.edit_button').remove();
    });
    
    $(document).ready(function(){
        $('.order_quantity').each(function(){
             $(this).rules("add", {
                required: true,
                min:1,
                digits:true,
                messages: {
                    required: "Полето 'Количество' е задължително.",
                    digits: "Моля въведете количество в правилния формат.",
                }
            });
        });
    });
    
</script>  
@endsection