@extends('layouts.app')

@section('link')
    <link href="{{ asset('css/style.css') }}" rel="stylesheet">
    
@endsection

@section('content')
<div class="container">
    <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">{{__('texte.courses_arr.create.add_course')}}</h3>
                    <div class="pull-right">
                        <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.courses_arr.create.back')}}</button>
                    </div>
                </div>

                <div class="panel-body">
                    <form id="course_create" method="POST" action="{{ route('courses.store') }}" role="form" class="form form-horizontal">
                        {{ csrf_field() }}
                        @permission('course-form-driver-read')
                        <div class="form-group{{ $errors->has('driver_id') ? ' has-error' : '' }}">
                            <label for="driver_id" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.courses_arr.create.driver')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
				<span class="input-group-addon"><i class="glyphicon glyphicon-globe"></i></span>
                                <select class="form-control" id="driver_id" name="driver_id" required
                                    @nonepermission('course-form-driver-write')
                                        disabled 
                                    @endnonepermission
                                >                                
                                    <option value=''>--- {{__('texte.courses_arr.create.driver')}} ---</option>
                                    @foreach($drivers as $driver)
                                        <option value="{{$driver->id}}" {{old('driver_id')==$driver->id ? 'selected' : ''}}>{{$driver->name}}</option>
                                    @endforeach
				<select/>
                                
				@if ($errors->has('driver_id'))
                                    <span class="help-block"><strong>{{ $errors->first('driver_id') }}</strong></span>
				@endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
			@endpermission
                        @permission('course-form-vehicle-read')
                        <div class="form-group{{ $errors->has('vehicle_id') ? ' has-error' : '' }}">
                            <label for="vehicle_id" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.courses_arr.create.vehicle')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
				<span class="input-group-addon"><i class="glyphicon glyphicon-globe"></i></span>
                                <select class="form-control" id="vehicle_id" name="vehicle_id" required
                                    @nonepermission('course-form-vehicle-write')
                                        disabled 
                                    @endnonepermission
                                >
                                    <option value=''>--- {{__('texte.courses_arr.create.vehicle')}} ---</option>
                                    @foreach($vehicles as $vehicle)
                                        <option data-load_cap="{{$vehicle->load_capacity}}" value="{{$vehicle->id}}" {{old('vehicle_id')==$vehicle->id ? 'selected' : ''}}>{{$vehicle->make." - ".$vehicle->reg_number." - ".$vehicle->load_capacity." кг"}}</option>
                                    @endforeach
				<select/>
                                
				@if ($errors->has('vehicle_id'))
                                    <span class="help-block"><strong>{{ $errors->first('vehicle_id') }}</strong></span>
				@endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
			@endpermission
                        
                        
                        @permission('course-form-document-read')
                        <div class="form-group{{ $errors->has('document_number') ? ' has-error' : '' }}">
                            <label for="document_number" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.courses_arr.create.document_number')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
				<span class="input-group-addon"><i class="glyphicon glyphicon-globe"></i></span>
                                <input type="text" class="form-control" id="document_number" name="document_number" placeholder="{{__('texte.courses_arr.create.document_number')}}"
                                    @nonepermission('course-form-document-write')
                                        disabled 
                                    @endnonepermission
                                />                                
				@if ($errors->has('document_number'))
                                    <span class="help-block"><strong>{{ $errors->first('document_number') }}</strong></span>
				@endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
			@endpermission
                        
                        @permission('course-form-orders-read')
                        <div class="form-group{{ $errors->has('orders') ? ' has-error' : '' }}">
                            <label for="orders" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.courses_arr.create.orders')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <table id="orders_table" class='table table-striped table-bordered table-hover'>
                                    <thead>
                                        <tr>
                                            <th>{{__('texte.courses_arr.create.order')}}</th>
                                            <th>{{__('texte.courses_arr.create.contragent')}}</th>
                                            <th>{{__('texte.courses_arr.create.object')}}</th>
                                            <th>{{__('texte.courses_arr.create.weight')}}</th>
                                            <th>{{__('texte.courses_arr.create.remove')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        
                                    </tbody>
                                </table>
                            </div>
                        </div>
			@endpermission
                        
                        <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('course-route-create') disabled @endnonepermission>{{__('texte.courses_arr.create.add')}}</button>
                            </div>
                        </div>

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

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

<script type="text/javascript" charset="utf-8">
 $('#driver_id,#vehicle_id').chosen();
 
 $(document).scannerDetection({
        timeBeforeScanTest: 200, // wait for the next character for upto 200ms
        startChar: [120], // Prefix character for the cabled scanner (OPL6845R)
        endChar: [13], // be sure the scan is complete if key 13 (enter) is detected
        avgTimeByChar: 40, // it's not a barcode if a character takes longer than 40ms
        onComplete: function(){ 
            var document_id = $('#document_number').val().replace('280','').replace(/^0+/, '').slice(0,-1);
            get_scanned_documents(document_id);
        } // main callback function	
});

$('#document_number').on('change', function(){
    get_scanned_documents($(this).val());
});

$(document).on('click','.child_checkbox', function(e){
   e.preventDefault();
});

$(document).on('click','.remove_order', function(){
   $(this).closest('tr').next().remove(); 
   $(this).closest('tr').remove();
});


$('#course_create').submit(function() {
    if($('.child_checkbox').length==0){
        alert('Моля, изберете документи !');
        return false;
    }
    else if($('.child_checkbox:not(:checked)').length>0){
        alert('Документ '+$('.child_checkbox:not(:checked)').first().closest('tr').find('td:eq(1)').text()+' с номер '+$('.child_checkbox:not(:checked)').first().closest('tr').find('td:eq(0)').text()+' не е добавен!');
        return false;
    }
    return true; // return false to cancel form action
});

function get_scanned_documents(id){
    
    if($('#child_'+id).length > 0){
        $('#child_'+id).prop('checked',true);
    }
    else{
        $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/get_scanned_documents',
                        type: 'POST',
                data: { 'id' : id},
                success: function(response){
                                var row = "";
                                if($.trim(response)){  
                                    if($('#order_'+response.order_id).length==0){
                                        row += "<tr><td>"+response.order_id+"</td><td>"+response.company_name+"</td><td>"+response.name+"</td><td>"+parseFloat(response.total_weight).toFixed(2)+" кг </td><td><input type='hidden' name='order_ids[]' value='"+response.id+"'/><input type='hidden' name='orders[]' value='"+response.order_id+"'/><button type='button' id='order_"+response.order_id+"' class='btn btn-danger btn-sm remove_order'><i class='glyphicon glyphicon-trash'></i></button></td></tr>";

                                        if(response.children.length > 0){
                                            row+= "<tr><td colspan='5'><table class='table table-striped table-bordered table-hover'><tr><th>Номер</th><th>Тип</th><th>Сума</th><th>Сканиран</th></tr>"; 
                                            for(var i in response.children){
                                                row+="<tr><td>"+response.children[i].number+"</td><td>"+response.children[i].title+"</td><td>"+parseFloat(response.children[i].total).toFixed(5)+"</td><td><input type='checkbox' name='child_checkbox[]' value='"+response.children[i].id+"' id='child_"+response.children[i].id+"' class='child_checkbox' "+(response.children[i].id==id ? "checked" : "")+"/></td></tr>";
                                            }
                                            row+= "</table></td></tr>"
                                        }

                                        $('#orders_table > tbody').append(row);
                                    }                                    
                                }
                                else{
                                    alert("Не е намерен документ с такъв номер");                                
                                }
                         }
        });
    }
    $('#document_number').val('');
}
    
</script>
@endsection