@extends('layouts.app')

@section('link')
    <link href="{{ asset('css/chosen.min.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">{{__('texte.storages_arr.create.add_storage')}}</h3>
                    <div class="pull-right">
                        <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.storages_arr.create.back')}}</button>
                    </div>
                </div>

                <div class="panel-body">
                    <form id='storage_create' method="POST" action="{{ route('storages.store') }}" class="form form-horizontal">
                        {{ csrf_field() }}
                        <input type="hidden" id="gps_lat" name="gps_lat" value="{{ old('gps_lat', '42.607709548752355') }}" />
                        <input type="hidden" id="gps_lng" name="gps_lng" value="{{ old('gps_lng', '26.01724681854248') }}" />

                        @permission('storage-form-name-read')
                        <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                            <label for="name" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.name')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-home"></i></span>
                                <input type="text" class="form-control" id="name" name="name" value="{{ old('name') }}" placeholder="{{__('texte.storages_arr.create.name')}}" maxlength="255" required autofocus 
                                    @nonepermission('storage-form-name-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('name'))
                                    <span class="help-block"><strong>{{ $errors->first('name') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-company_name-read')
                        <div class="form-group{{ $errors->has('company_name') ? ' has-error' : '' }}">
                            <label for="company_name" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.company_name')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-briefcase"></i></span>
                                <input type="text" class="form-control" id="company_name" name="company_name" value="{{ old('company_name') }}" placeholder="{{__('texte.storages_arr.create.company_name')}}" maxlength="255" required 
                                    @nonepermission('storage-form-company_name-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('company_name'))
                                    <span class="help-block"><strong>{{ $errors->first('company_name') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-company_name_lat-read')
                        <div class="form-group{{ $errors->has('company_name_lat') ? ' has-error' : '' }}">
                            <label for="company_name_lat" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.company_name_latin')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-briefcase"></i></span>
                                <input type="text" class="form-control" id="company_name_lat" name="company_name_lat" value="{{ old('company_name_lat') }}" placeholder="{{__('texte.storages_arr.create.company_name_latin')}}" maxlength="255" required 
                                    @nonepermission('storage-form-company_name_lat-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('company_name_lat'))
                                    <span class="help-block"><strong>{{ $errors->first('company_name_lat') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-company_country-read')
                        <div class="form-group{{ $errors->has('company_country') ? ' has-error' : '' }}">
                            <label for="company_country" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.company_country')}}</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="company_country" name="company_country" required 
                                    @nonepermission('storage-form-company_country-write')
                                        readonly 
                                    @endnonepermission
                                    ><option value="">--- {{__('texte.storages_arr.create.country')}} ---</option>
                                        @foreach ($countries as $country)
                                            <option value="{{ $country->id }}" data-vat='{{$country->vat}}' {{old('company_country', 1) == $country->id ? 'selected' : ''}}>{{ $country->name }}</option>
                                        @endforeach
                                </select>
                                @if ($errors->has('company_country'))
                                    <span class="help-block"><strong>{{ $errors->first('company_country') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-company_area-read')
                        <div class="form-group{{ $errors->has('company_area') ? ' has-error' : '' }}">
                            <label for="company_area" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.company_area')}}</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="company_area" name="company_area" required disabled
                                    @nonepermission('storage-form-company_area-write')
                                        readonly 
                                    @endnonepermission
                                >
                                    <option value="">--- {{__('texte.storages_arr.create.area')}} ---</option>
                                </select>
                                @if ($errors->has('company_area'))
                                    <span class="help-block"><strong>{{ $errors->first('company_area') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-company_location-read')
                        <div class="form-group{{ $errors->has('company_location') ? ' has-error' : '' }}">
                            <label for="company_location" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.company_location')}}</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="company_location" name="company_location" required disabled
                                    @nonepermission('storage-form-company_location-write')
                                        readonly 
                                    @endnonepermission
                                    >
                                        <option value="">--- {{__('texte.storages_arr.create.location')}} ---</option>
                                </select>
                                @if ($errors->has('company_location'))
                                    <span class="help-block"><strong>{{ $errors->first('company_location') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-company_address-read')
                        <div class="form-group{{ $errors->has('company_address') ? ' has-error' : '' }}">
                            <label for="company_address" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.company_address')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-text-background"></i></span>
                                <input type="text" class="form-control" id="company_address" name="company_address" value="{{ old('company_address') }}" placeholder="{{__('texte.storages_arr.create.company_address')}}" maxlength="255" 
                                    @nonepermission('storage-form-company_address-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('company_address'))
                                    <span class="help-block"><strong>{{ $errors->first('company_address') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-company_address_lat-read')
                        <div class="form-group{{ $errors->has('company_address_lat') ? ' has-error' : '' }}">
                            <label for="company_address_lat" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.company_address_latin')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-text-background"></i></span>
                                <input type="text" class="form-control" id="company_address_lat" name="company_address_lat" value="{{ old('company_address_lat') }}" placeholder="{{__('texte.storages_arr.create.company_address_latin')}}" maxlength="255" 
                                    @nonepermission('storage-form-company_address_lat-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('company_address_lat'))
                                    <span class="help-block"><strong>{{ $errors->first('company_address_lat') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-mol-read')
                        <div class="form-group{{ $errors->has('mol') ? ' has-error' : '' }}">
                            <label for="mol" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.pic')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                <input type="text" class="form-control" id="mol" name="mol" value="{{ old('mol') }}" placeholder="{{__('texte.storages_arr.create.pic')}}" maxlength="255" 
                                    @nonepermission('storage-form-mol-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('mol'))
                                    <span class="help-block"><strong>{{ $errors->first('mol') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-bulstat-read')
                        <div class="form-group{{ $errors->has('bulstat') ? ' has-error' : '' }}">
                            <label for="bulstat" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.eik')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-paperclip"></i></span>
                                <input type="text" class="form-control number" id="bulstat" name="bulstat" value="{{ old('bulstat') }}" pattern="^\d{1,}$" placeholder="123456789" maxlength="255" title="{{__('texte.storages_arr.create.eik')}}" 
                                    @nonepermission('storage-form-bulstat-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('bulstat'))
                                    <span class="help-block"><strong>{{ $errors->first('bulstat') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-vat-read')
                        <div class="form-group{{ $errors->has('vat') ? ' has-error' : '' }}">
                            <label for="vat" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.bulstat')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-paperclip"></i></span>
                                <input type="text" style="width:20%;" class="form-control" id="country_vat" name="country_vat" value="{{ old('country_vat', 'BG') }}" readonly />
                                <input type="text" style="width:80%;" class="form-control number" id="vat" name="vat" value="{{ old('vat') }}" pattern="^\d{1,}$" placeholder="123456789" maxlength="255" title="{{__('texte.storages_arr.create.bulstat')}}" 
                                    @nonepermission('storage-form-vat-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('country_vat'))
                                    <span class="help-block"><strong>{{ $errors->first('vat') }}</strong></span>
                                @endif
                                @if ($errors->has('vat'))
                                    <span class="help-block"><strong>{{ $errors->first('vat') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-country-read')
                        <div class="form-group{{ $errors->has('country') ? ' has-error' : '' }}">
                            <label for="country" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.country')}}</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="country" name="country" required 
                                        @nonepermission('storage-form-country-write')
                                                readonly 
                                        @endnonepermission
                                        ><option value="">--- {{__('texte.storages_arr.create.country')}} ---</option>
                                        @foreach ($countries as $country)
                                                <option value="{{ $country->id }}" data-code='{{$country->code}}' {{old('country', 1) == $country->id ? 'selected' : ''}}>{{ $country->name }}</option>
                                        @endforeach
                                </select>
                                @if ($errors->has('country'))
                                    <span class="help-block"><strong>{{ $errors->first('country') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-area-read')
                        <div class="form-group{{ $errors->has('area') ? ' has-error' : '' }}">
                            <label for="area" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.area')}}</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="area" name="area" required disabled
                                        @nonepermission('storage-form-area-write')
                                            readonly 
                                        @endnonepermission
                                    ><option value="">--- {{__('texte.storages_arr.create.area')}} ---</option>
                                </select>
                                @if ($errors->has('area'))
                                    <span class="help-block"><strong>{{ $errors->first('area') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-location-read')
                        <div class="form-group{{ $errors->has('location') ? ' has-error' : '' }}">
                            <label for="location" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.location')}}</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="location" name="location" required disabled
                                    @nonepermission('storage-form-location-write')
                                        readonly 
                                    @endnonepermission
                                    ><option value="">--- {{__('texte.storages_arr.create.location')}} ---</option>
                                </select>
                                @if ($errors->has('location'))
                                    <span class="help-block"><strong>{{ $errors->first('location') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-address-read')
                        <div class="form-group{{ $errors->has('address') ? ' has-error' : '' }}">
                            <label for="address" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.address')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-text-background"></i></span>
                                <input type="text" class="form-control" id="address" name="address" value="{{ old('address') }}" placeholder="{{__('texte.storages_arr.create.address')}}" maxlength="255" 
                                    @nonepermission('storage-form-address-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('address'))
                                    <span class="help-block"><strong>{{ $errors->first('address') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-gps-read')
                        <div class="form-group{{ $errors->has('gps_lng') ? ' has-error' : '' }}">
                            <label for="map-canvas" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.position')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <div id="map-canvas" style="width:100%;height:300px;
                                    @nonepermission('storage-form-gps-write')
                                        pointer-events:none;
                                    @endnonepermission
                                "></div>
                                @if ($errors->has('gps_lng'))
                                    <span class="help-block"><strong>{{ $errors->first('gps_lng') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-phone-read')
                        <div class="form-group{{ $errors->has('phone') ? ' has-error' : '' }}">
                            <label for="phone" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.phone')}}</label>
                                <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                        <span class="input-group-addon"><i class="glyphicon glyphicon-earphone"></i></span>
                                        <input type="tel" class="form-control" id="phone" name="phone" value="{{ old('phone', '+359') }}" placeholder="+359********" maxlength="14" 
                                            pattern="^\+\d{3,13}$" title="{{__('texte.storages_arr.create.phone_title')}}" 
                                            @nonepermission('storage-form-phone-write')
                                                readonly 
                                            @endnonepermission
                                        />
                                @if ($errors->has('phone'))
                                    <span class="help-block"><strong>{{ $errors->first('phone') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-email-read')
                        <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                            <label for="email" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.email')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span>
                                <input type="email" class="form-control" id="email" name="email" value="{{ old('email') }}" placeholder="{{__('texte.storages_arr.create.email')}}" maxlength="255" 
                                    @nonepermission('storage-form-email-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('email'))
                                    <span class="help-block"><strong>{{ $errors->first('email') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-websait-read')
                        <div class="form-group{{ $errors->has('websait') ? ' has-error' : '' }}">
                            <label for="websait" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.website')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-link"></i></span>
                                <input type="text" class="form-control" id="websait" name="websait" value="{{ old('websait') }}" placeholder="{{__('texte.storages_arr.create.website')}}" maxlength="255" 
                                        @nonepermission('storage-form-websait-write')
                                            readonly 
                                        @endnonepermission
                                    />
                                @if ($errors->has('websait'))
                                    <span class="help-block"><strong>{{ $errors->first('websait') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-babh-read')
                        <div class="form-group{{ $errors->has('babh') ? ' has-error' : '' }}">
                            <label for="babh" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.register_number')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-paperclip"></i></span>
                                <input type="text" class="form-control" id="babh" name="babh" value="{{ old('babh') }}" placeholder="{{__('texte.storages_arr.create.register_number')}}" maxlength="255" 
                                    @nonepermission('storage-form-babh-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('babh'))
                                    <span class="help-block"><strong>{{ $errors->first('babh') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-license-read')
                        <div class="form-group{{ $errors->has('license') ? ' has-error' : '' }}">
                            <label for="license" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.licence')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-paperclip"></i></span>
                                <input type="text" class="form-control" id="license" name="license" value="{{ old('license') }}" placeholder="{{__('texte.storages_arr.create.licence')}}" maxlength="255" 
                                    @nonepermission('storage-form-license-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('license'))
                                    <span class="help-block"><strong>{{ $errors->first('license') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-licence-read')
                        <div class="form-group{{ $errors->has('licence') ? ' has-error' : '' }}">
                            <label for="licence" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.permission')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-paperclip"></i></span>
                                <input type="text" class="form-control" id="licence" name="licence" value="{{ old('licence') }}" placeholder="{{__('texte.storages_arr.create.permission')}}" maxlength="255" 
                                    @nonepermission('storage-form-licence-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('licence'))
                                    <span class="help-block"><strong>{{ $errors->first('licence') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-fisc-read')
                        <div class="form-group{{ $errors->has('fisc') ? ' has-error' : '' }}">
                            <label for="fisc" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.fisk_device')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-paperclip"></i></span>
                                <input type="text" class="form-control" id="fisc" name="fisc" value="{{ old('fisc') }}" placeholder="{{__('texte.storages_arr.create.fisk_device')}}" maxlength="255" 
                                    @nonepermission('storage-form-fisc-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('fisc'))
                                    <span class="help-block"><strong>{{ $errors->first('fisc') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-bank-read')
                        <div class="form-group{{ $errors->has('bank') ? ' has-error' : '' }}">
                            <label for="bank" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.bank_name')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-usd"></i></span>
                                <input type="text" class="form-control" id="bank" name="bank" value="{{ old('bank') }}" placeholder="{{__('texte.storages_arr.create.bank_name')}}" maxlength="255" 
                                    @nonepermission('storage-form-bank-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('bank'))
                                    <span class="help-block"><strong>{{ $errors->first('bank') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-iban-read')
                        <div class="form-group{{ $errors->has('iban') ? ' has-error' : '' }}">
                            <label for="iban" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.bank_account')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-usd"></i></span>
                                <input type="text" class="form-control" id="iban" name="iban" value="{{ old('iban') }}" placeholder="{{__('texte.storages_arr.create.bank_account_title')}}" maxlength="22" 
                                    pattern="^[0-9A-Z ]{2,22}$" title="{{__('texte.storages_arr.create.bank_account_title')}}" 
                                    @nonepermission('storage-form-iban-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('iban'))
                                    <span class="help-block"><strong>{{ $errors->first('iban') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-bic-read')
                        <div class="form-group{{ $errors->has('bic') ? ' has-error' : '' }}">
                            <label for="bic" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.bank_code')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-usd"></i></span>
                                <input type="text" class="form-control" id="bic" name="bic" value="{{ old('bic') }}" placeholder="{{__('texte.storages_arr.create.bank_code_title')}}" maxlength="11" 
                                    pattern="^[0-9A-Za-z]{8,11}$" title="{{__('texte.storages_arr.create.bank_code_title')}}" 
                                    @nonepermission('storage-form-bic-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('bic'))
                                    <span class="help-block"><strong>{{ $errors->first('bic') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-bank2-read')
                        <div class="form-group{{ $errors->has('bank2') ? ' has-error' : '' }}">
                            <label for="bank2" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.second_bank_name')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-usd"></i></span>
                                <input type="text" class="form-control" id="bank2" name="bank2" value="{{ old('bank2') }}" placeholder="{{__('texte.storages_arr.create.second_bank_name')}}" maxlength="255" 
                                    @nonepermission('storage-form-bank2-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('bank2'))
                                    <span class="help-block"><strong>{{ $errors->first('bank2') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-iban2-read')
                        <div class="form-group{{ $errors->has('iban2') ? ' has-error' : '' }}">
                            <label for="iban2" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.bank_account')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-usd"></i></span>
                                <input type="text" class="form-control" id="iban2" name="iban2" value="{{ old('iban2') }}" placeholder="{{__('texte.storages_arr.create.bank_account_title')}}" maxlength="22" 
                                    pattern="^[0-9A-Z ]{2,22}$" title="{{__('texte.storages_arr.create.bank_account_title')}}" 
                                    @nonepermission('storage-form-iban2-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('iban2'))
                                    <span class="help-block"><strong>{{ $errors->first('iban2') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('storage-form-bic2-read')
                        <div class="form-group{{ $errors->has('bic2') ? ' has-error' : '' }}">
                            <label for="bic2" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.storages_arr.create.bank_code')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-usd"></i></span>
                                <input type="text" class="form-control" id="bic2" name="bic2" value="{{ old('bic2') }}" placeholder="{{__('texte.storages_arr.create.bank_code_title')}}" maxlength="11" 
                                    pattern="^[0-9A-Za-z]{8,11}$" title="{{__('texte.storages_arr.create.bank_code_title')}}" 
                                    @nonepermission('storage-form-bic2-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('bic2'))
                                    <span class="help-block"><strong>{{ $errors->first('bic2') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </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('storage-route-create') disabled @endnonepermission>{{__('texte.storages_arr.create.add')}}</button>
                            </div>
                        </div>

                    </form>
                </div>
                <div class="panel-footer"></div>
            </div>
        </div>
    </div>
</div>

<script src="{{ asset('js/form.map.js') }}"></script>
<script src="{{ asset('js/chosen.js') }}"></script>
<script src="{{ asset('js/jquery.validate.js') }}"></script>
<script src="{{ asset('js/validation.js') }}"></script>
<script src="{{ asset('js/additional_methods.min.js') }}"></script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAPGfu0pMIxcajsWnzgsNdm3gkpEy_k3IA"></script>

<script type="text/javascript" charset="utf-8">
$('#country,#area,#location,#company_country,#company_area,#company_location').chosen();
    
    $('#country').on('change',function(){
        if($(this).val()!=''){
            var country = $(this).val();
            $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/get_areas',
                        type: 'POST',
                        async: false,
                data: { 'country' : country},
                success: function(response){
                            var options='<option value=""> --- Област --- </option>';
                            $('#area').find('option').remove().end();
                            if(response.length>0){
                                for (var i in response){
                                       options += '<option value="' + response[i].id + '">' + response[i].name + '</option>';
                                }
                                $('#area').attr('disabled',false);
                            }
                            else{
                                 $('#area').attr('disabled',true);
                                 $('#location').attr('disabled',true);
                                 $('#location').val('').trigger("chosen:updated");
                            }
                            $('#area').html(options);
                            $('#area').trigger("chosen:updated");
                        }
            });
        }
        else{
            $('#area').attr('disabled',true);
            $('#location').attr('disabled',true);
            var options='<option value=""> --- Област --- </option>';
            $('#area').html(options);
            $('#area').trigger("chosen:updated");  
            $('#location').val('').trigger("chosen:updated");
        }
        $('input#phone').val($('option:selected', this).attr('data-code'));
    }).change();
    
    $('#company_country').on('change',function(){
        if($(this).val()!=''){
            var country = $(this).val();
            $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/get_areas',
                        type: 'POST',
                        async: false,
                data: { 'country' : country},
                success: function(response){
                            var options='<option value=""> --- Област --- </option>';
                            $('#company_area').find('option').remove().end();
                            if(response.length>0){
                                for (var i in response){
                                       options += '<option value="' + response[i].id + '">' + response[i].name + '</option>';
                                }
                                $('#company_area').attr('disabled',false);
                            }
                            else{
                                 $('#company_area').attr('disabled',true);
                                 $('#company_location').attr('disabled',true);
                                 $('#company_location').val('').trigger("chosen:updated");
                            }
                            $('#company_area').html(options);
                            $('#company_area').trigger("chosen:updated");
                        }
            });
        }
        else{
            $('#company_area').attr('disabled',true);
            $('#company_location').attr('disabled',true);
            var options='<option value=""> --- Област --- </option>';
            $('#company_area').html(options);
            $('#company_area').trigger("chosen:updated");  
            $('#company_location').val('').trigger("chosen:updated");
        }
        $('input#country_vat').val($('option:selected', this).attr('data-vat'));
    }).change();
    
    $('#area').on('change',function(){
        if($(this).val()!=''){
            var area = $(this).val();
            $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/get_locations',
                        type: 'POST',
                        async: false,
                data: { 'area' : area},
                success: function(response){
                            var options='<option value="" data-code=""> --- Населено място --- </option>';
                            $('#location').find('option').remove().end();
                            if(response.length>0){
                                for (var i in response){
                                       options += '<option value="' + response[i].id + '" data-code="'+ response[i].code+'" >' + response[i].name + '</option>';
                                }
                                $('#location').attr('disabled',false);
                            }
                            else{
                                 $('#location').attr('disabled',true);
                            }
                            $('#location').html(options);
                            $('#location').trigger("chosen:updated");
                        }
            });
        }
        else{
            $('#location').attr('disabled',true);
            var options='<option value=""> --- Населено място --- </option>';
            $('#location').html(options);
            $('#location').trigger("chosen:updated");            
        }
        $('input#phone').val($('#country option:selected').attr('data-code'));
    });
    
    $('#company_area').on('change',function(){
        if($(this).val()!=''){
            var area = $(this).val();
            $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/get_locations',
                        type: 'POST',
                        async: false,
                data: { 'area' : area},
                success: function(response){
                            var options='<option value="" data-code=""> --- Населено място --- </option>';
                            $('#company_location').find('option').remove().end();
                            if(response.length>0){
                                for (var i in response){
                                       options += '<option value="' + response[i].id + '" data-code="'+ response[i].code+'" >' + response[i].name + '</option>';
                                }
                                $('#company_location').attr('disabled',false);
                            }
                            else{
                                 $('#company_location').attr('disabled',true);
                            }
                            $('#company_location').html(options);
                            $('#company_location').trigger("chosen:updated");
                        }
            });
        }
        else{
            $('#company_location').attr('disabled',true);
            var options='<option value=""> --- Населено място --- </option>';
            $('#company_location').html(options);
            $('#company_location').trigger("chosen:updated");            
        }
    });
    
    
    $('#location').on('change',function(){
        $('input#phone').val($('#country option:selected').attr('data-code') + $('option:selected', this).attr('data-code'));
    });
    
    $('.number').on('input', function() {
        //$(this).val($(this).val().match(/^\d{1,}$/));
        var valid = /^\d+$/.test(this.value),
        val = this.value;
    
        if(!valid){
            this.value = val.substring(0, val.length - 1);
        }
    });


$(function() {
    Form.map();

    $(':input[type="tel"]').on('keypress keyup', function(event) {
        var key = window.event ? event.keyCode : event.which;

        if ($(this).val().indexOf('+') != 0) {
            $(this).val('+');

            return false;
        }

        if (key == 0 || key == 8 || key == 37 || key == 39 || key == 46) {
            return true;
        }

        if (key < 48 || key > 57) {
            return false;
        }

        return true;
    });
 
});
</script>
@endsection