@extends('layouts.app')

@section('link')
    <link href="{{ asset('css/theme.default.css') }}" rel="stylesheet">
    <link href="{{ asset('css/jquery-ui.min.css') }}" rel="stylesheet">
    
@endsection

@section('content')
<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">
                    {{ $doc_type->title }}
                    <div class="pull-right">
                        <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.documents_arr.create_cash_receipt.documents')}}</button>
                    </div>
                </h3>
            </div>

            <div class="panel-body">
                <form id="cash_receipt_create" method="POST" action="{{ route('documents.store', $doc_type->id) }}" class="form form-horizontal" novalidate>
                    {{ csrf_field() }}
                    
                    <input type="hidden" id="doc_type" name="doc_type_id" value="{{$doc_type->id}}" />
                    
                    <fieldset>  
                        <div class="form-group row {{ $errors->has('documentable_type') ? ' has-error' : '' }}">
                            <label class="col-sm-2 col-form-label">{{__('texte.documents_arr.create_cash_receipt.documentable_type')}}</label>
                            <div class="col-sm-8">
                                <label class="control-label">
                                    <input type="radio" name="documentable_type" value="1" 
                                        @if(isset($parent_document))
                                            {{$parent_document->short_documentable_type == 1 ? "checked" : "disabled"}}
                                        @else
                                            checked="checked" {{old('documentable_type') == 1 ? "checked" : ""}}
                                        @endif
                                    /> {{__('texte.documents_arr.create_cash_receipt.supplier')}}
                                </label>

                                <label class="control-label">
                                    <input type="radio" name="documentable_type" value="2" 
                                        @if(isset($parent_document))
                                            {{$parent_document->short_documentable_type == 2 ? "checked" : "disabled"}}
                                        @else
                                            {{old('documentable_type') == 1 ? "checked" : ""}}
                                        @endif
                                    /> {{__('texte.documents_arr.create_cash_receipt.client')}}
                                </label>
                                @if ($errors->has('documentable_type'))
                                    <span class="help-block"><strong>{{ $errors->first('documentable_type') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>                        
                     
                        <div class="form-group row {{ $errors->has('client') ? ' has-error' : '' }}">
                            <label for="client" class="col-sm-2 col-form-label required">{{__('texte.documents_arr.create_cash_receipt.client')}}</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="client" name="client_id" required autofocus data-placeholder="{{__('texte.documents_arr.create_cash_receipt.client')}}">
                                    <option value="">{{__('texte.documents_arr.create_cash_receipt.client')}}</option>
                                    @foreach($clients as $client)
                                        <option value="{{$client->id}}" 
                                            @if(isset($parent_document))
                                                {{$parent_document->short_documentable_type==2 && $parent_document->documentable->client_id==$client->id ? "selected" : "disabled"}}
                                            @else
                                                {{old('client_id')==$client->id ? "selected" : ""}}
                                            @endif
                                        >{{$client->name}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('client'))
                                    <span class="help-block"><strong>{{ $errors->first('client') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>

                        <div class="form-group row {{ $errors->has('object') ? ' has-error' : '' }}">
                            <label for="object" class="col-sm-2 col-form-label required">{{__('texte.documents_arr.create_cash_receipt.object')}}</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="object" name="object_id" required autofocus data-placeholder="{{__('texte.documents_arr.create_cash_receipt.object')}}">
                                    <option value="">{{__('texte.documents_arr.create_cash_receipt.object')}}</option>
                                    @foreach($objects as $object)
                                        <option value="{{$object->id}}" data-client_id="{{$object->client_id}}" 
                                            @if(isset($parent_document)) 
                                                {{$parent_document->short_documentable_type==2 && $parent_document->documentable_id==$object->id ? "selected" : "disabled"}}
                                            @else
                                                {{old('object_id')==$object->id ? "selected" : ""}}
                                            @endif
                                            >{{$object->name}}
                                        </option>
                                    @endforeach
                                </select>
                                @if ($errors->has('object'))
                                    <span class="help-block"><strong>{{ $errors->first('object') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>

                        <div class="form-group row {{ $errors->has('supplier') ? ' has-error' : '' }}">
                            <label for="supplier" class="col-sm-2 col-form-label required">{{__('texte.documents_arr.create_cash_receipt.supplier')}}</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="supplier" name="supplier_id" required autofocus data-placeholder="{{__('texte.documents_arr.create_cash_receipt.supplier')}}">
                                    <option value="">{{__('texte.documents_arr.create_cash_receipt.supplier')}}</option>
                                    @foreach($suppliers as $supplier)
                                        <option value="{{$supplier->id}}" 
                                            @if(isset($parent_document)) 
                                                {{$parent_document->short_documentable_type==1 && $parent_document->documentable_id==$supplier->id ? "selected" : "disabled"}}
                                            @else
                                                {{old('supplier_id')==$supplier->id ? "selected" : ""}}
                                            @endif
                                        >{{$supplier->name}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('supplier'))
                                    <span class="help-block"><strong>{{ $errors->first('supplier') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        
                        <div class="form-group row {{ $errors->has('date') ? ' has-error' : '' }}">
                            <label for="date" class="col-sm-2 col-form-label required">{{__('texte.documents_arr.create_cash_receipt.date')}}</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="date" name="date" value="{{ old('date', date('d.m.Y')) }}" placeholder="{{__('texte.documents_arr.create_cash_receipt.date')}}" maxlength="10" required readonly/>
                                @if ($errors->has('date'))
                                    <span class="help-block"><strong>{{ $errors->first('date') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>

                        <div class="form-group row {{ $errors->has('note') ? ' has-error' : '' }}">
                            <label for="note" class="col-sm-2 col-form-label">{{__('texte.documents_arr.create_cash_receipt.note')}}</label>
                            <div class="col-sm-8">
                                <textarea class="form-control" id="note" name="note" placeholder="{{__('texte.documents_arr.create_cash_receipt.note')}}">{{ old('note') }}</textarea>
                                @if ($errors->has('note'))
                                    <span class="help-block"><strong>{{ $errors->first('note') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        
                        <div class="form-group row {{ $errors->has('total') ? ' has-error' : '' }}">
                            <label for="total" class="col-sm-2 col-form-label required">{{__('texte.documents_arr.create_cash_receipt.amount')}}</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control price" id="total" name="total" placeholder="{{__('texte.documents_arr.create_cash_receipt.amount')}}" value="{{ old('total')}}" required></input>
                                @if ($errors->has('total'))
                                    <span class="help-block"><strong>{{ $errors->first('total') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                                                
                        <div class="form-group row">
                            <div class="col-sm-12" style='text-align: center;'>
                                <button type="submit" class="btn btn-primary">{{__('texte.documents_arr.create_cash_receipt.add')}}</button>
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
            
            <div class="panel-footer"></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.validate.js') }}"></script>
<script src="{{ asset('js/validation.js') }}"></script>
    
<script src="{{ asset('js/select2.min.js') }}"></script>

<script type="text/javascript" charset="utf-8">

$(document).ready(function(){ 

    $('#client,#object,#supplier').select2();
    
    $('input#date').datepicker({option: $.datepicker.regional['bg'],beforeShow: function(i) { if ($(i).attr('readonly')) { return false; } }});
   
    $('input[name="documentable_type"]').on('change', function(){
        if($('input[name="documentable_type"][value="1"]').prop('checked')===true){
            $('#client,#object').closest('.form-group').hide();
            $('#supplier').closest('.form-group').show();
        }
        else{
            $('#client,#object').closest('.form-group').show();
            $('#supplier').closest('.form-group').hide();
        }   
    }).change();
    
    $('#client').on('change', function(){
        var client = $('#client').val();

        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/get_filtered_objects',
                    type: 'POST',
                    async: false,
            data: { 'client' : client},
            success: function(response){
                        var options='<option value=""> --- Обект --- </option>';
                        $('#object').find('option').remove().end();
                        if(response.length>0){
                            for (var i in response){
                                   options += '<option value="' + response[i].id + '" data-client_id="'+response[i].client_id+'" name="'+ response[i].name + '">' + response[i].name + '</option>';
                            }
                            $(':button[type="submit"]').prop('disabled', false);
                        }
                        else{
                            alert('Не са намерени обекти по зададените критерии');
                            $(':button[type="submit"]').prop('disabled', true);
                        }
                        $('#object').html(options);
                        $('#object').trigger("updated");
                    }
        });
    });

    $('#object').on('change', function(){
        if($(this).val()!==''){
            var client_id = $(this).find('option:selected').attr('data-client_id');
        }
        else{
            var client_id = '';
        }
        $('#client').val(client_id).trigger('change.select2');
    });
    
    $(document).on('input','#total' ,function() {
        var valid = /^\d+\.?\d{0,5}$/.test(this.value),
        val = this.value;
    
        if(!valid){
            this.value = val.substring(0, val.length - 1);
        }
    });   
});    

</script>
@endsection