@extends('layouts.app')

@section('link')
    <link href="{{ asset('css/chosen.min.css') }}" rel="stylesheet">
        
    <link href="{{ asset('css/jquery-ui.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/bootstrap-datetimepicker.css') }}" rel="stylesheet">
    <link href="{{ asset('css/jquery.timepicker.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.price_lists_arr.create.add_price_list')}}</h3>
                    <div class="pull-right">
                        <a class="btn btn-primary back-btn" href="{{route('price_lists.index')}}">{{__('texte.price_lists_arr.create.back')}}</a>
                    </div>
                </div>

                <div class="panel-body">
                    <form id="price_list_create" method="POST" action="{{ route('price_lists.store') }}" role="form" class="form-horizontal">
                        {{ csrf_field() }}

			@permission('price_list-form-title-read')
                        <div class="form-group{{ $errors->has('title') ? ' has-error' : '' }}">
                            <label for="title" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.price_lists_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-gift"></i></span>
                                <input type="text" class="form-control" id="title" name="title" value="{{ old('title') }}" placeholder="{{__('texte.price_lists_arr.create.name')}}" maxlength="255" required autofocus 
                                    @nonepermission('price_list-form-title-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('title'))
                                    <span class="help-block"><strong>{{ $errors->first('title') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
			@endpermission
                        @permission('price_list-form-description-read')
                        <div class="form-group{{ $errors->has('description') ? ' has-error' : '' }}">
                            <label for="description" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.price_lists_arr.create.description')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-gift"></i></span>
                            <textarea rows="4" cols="50" class="form-control" id="name" name="description" placeholder="{{__('texte.price_lists_arr.create.description')}}">@nonepermission('price_list-form-description-write')readonly @endnonepermission{{ old('description') }}</textarea>        
                            @if ($errors->has('description'))
                                <span class="help-block"><strong>{{ $errors->first('description') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                            </div>
                        </div>
			@endpermission
                        
                        @permission('price_list-form-period-read')
                            <div class="form-group{{ $errors->has('date_from') ? ' has-error' : '' }}">
                                <label for="period" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.price_lists_arr.create.period')}}</label>
				<div class="input-group col-xs-8 col-sm-8 col-md-8">
                                    <div class='input-group col-xs-6 col-sm-6 col-md-6 date' id='datetimepicker6' style='float: left;'>
                                        <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                        <input type="text" class="form-control" id="date_from" name="date_from" value="{{ old('date_from') }}" placeholder="{{__('texte.price_lists_arr.create.start_date')}}" required 
                                            @nonepermission('price_list-form-period-write')
                                                readonly 
                                            @endnonepermission
                                        />
                                        @if ($errors->has('date_from'))
                                            <span class="help-block"><strong>{{ $errors->first('date_from') }}</strong></span>
                                        @endif
                                    </div>
                                    
                                    <div class='input-group col-xs-6 col-sm-6 col-md-6 date' id='datetimepicker7'>
                                        <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                        <input type="text" class="form-control" id="date_to" name="date_to" value="{{ old('date_to') }}" placeholder="{{__('texte.price_lists_arr.create.end_date')}}" required
                                            @nonepermission('price_list-form-period-write')
                                                readonly 
                                            @endnonepermission
                                        />
                                    </div>
                                    @if ($errors->has('date_to'))
                                        <span class="help-block"><strong>{{ $errors->first('date_to') }}</strong></span>
                                    @endif
                                </div>  
                                <div class="errorBox" style="padding-left:19%;"></div>
                            </div>
                        @endpermission
                        
                        @permission('price_list-form-condition-read')
                        <div class="form-group{{ $errors->has('condition') ? ' has-error' : '' }}">
                            <label for="condition" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.price_lists_arr.create.condition')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-gift"></i></span>
                                <input type="text" class="form-control amount" id="condition" name="condition" value="{{ old('condition') }}" placeholder="{{__('texte.price_lists_arr.create.condition_title')}}" maxlength="255" 
                                    @nonepermission('price_list-form-condition-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('condition'))
                                    <span class="help-block"><strong>{{ $errors->first('condition') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
			@endpermission
                        
                        @permission('price_list-form-period-read')
                        <div class="form-group{{ $errors->has('period') ? ' has-error' : '' }}">
                            <label for="period" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.price_lists_arr.create.period')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-gift"></i></span>
                                <input type="text" class="form-control number" id="period" name="period" value="{{ old('period') }}" placeholder="{{__('texte.price_lists_arr.create.period_title')}}" maxlength="255" 
                                    @nonepermission('price_list-form-period-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('period'))
                                    <span class="help-block"><strong>{{ $errors->first('period') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
			@endpermission
                        
                        @permission('price_list-form-validity-read')
                        <div class="form-group{{ $errors->has('validity') ? ' has-error' : '' }}">
                            <label for="validity" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.price_lists_arr.create.validity')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
				@foreach ($storages as $storage)
                                    <div class="input-group col-xs-12 col-sm-12 col-md-12">
                                        <label for="validity" class="control-label"><input type="checkbox" name="validity[]" value="{{ $storage->id }}"
                                        @nonepermission('price_list-form-validity-write')
                                            disabled 
                                        @endnonepermission
                                        {{old('validity') && in_array($storage->id,old('validity')) !== false ? 'checked' : ''}}
                                        /> {{ $storage->name }} </label>
                                    </div>
                                @endforeach
                                    <div class="input-group col-xs-12 col-sm-12 col-md-12">
                                        <label for="validity" class="control-label"><input type="checkbox" name="validity[]" value="repr" 
                                        @nonepermission('price_list-form-validity-write')
                                            disabled 
                                        @endnonepermission
                                        {{old('validity') && in_array('repr',old('validity')) !== false ? 'checked' : ''}}
                                        /> {{__('texte.price_lists_arr.create.representative')}}  </label>
                                    </div>
                                    <div class="input-group col-xs-12 col-sm-12 col-md-12">
                                        <label for="validity" class="control-label"><input type="checkbox" name="validity[]" value="ext_repr" 
                                        @nonepermission('price_list-form-validity-write')
                                            disabled 
                                        @endnonepermission
                                        {{old('validity') && in_array('ext_repr',old('validity')) !== false ? 'checked' : ''}}
                                        /> {{__('texte.price_lists_arr.create.ext_representative')}}  </label>
                                    </div>
                                    <div class="input-group col-xs-12 col-sm-12 col-md-12">
                                        <label for="validity" class="control-label"><input type="checkbox" name="validity[]" value="clients" 
                                        @nonepermission('price_list-form-validity-write')
                                            disabled 
                                        @endnonepermission
                                        {{old('validity') && in_array('clients',old('validity')) !== false ? 'checked' : ''}}
                                        /> {{__('texte.price_lists_arr.create.clients')}} </label>
                                        @if ($errors->has('validity'))
                                            <span class="help-block"><strong>{{ $errors->first('validity') }}</strong></span>
                                        @endif
                                    </div>
                                    <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('price_list-route-create') disabled @endnonepermission>{{__('texte.price_lists_arr.create.add')}}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="{{ asset('js/chosen.js') }}"></script>
<script src="{{ asset('js/jquery.timepicker.min.js')}}"></script>
<script src="{{ asset('js/moment-with-locales.min.js') }}"></script>
<script src="{{ asset('js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('js/datepicker-bg.js') }}"></script>
<script src="{{ asset('js/form.js') }}"></script>
<script src="{{ asset('js/bootstrap-datetimepicker.js') }}"></script>

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

<script type="text/javascript">
    $('.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);
        }
    });
    
    $('.amount').on('input', function() {
        //$(this).val($(this).val().match(/^\d+\.?\d{0,5}$/));
        var valid = /^\d+\.?\d{0,5}$/.test(this.value),
        val = this.value;
    
        if(!valid){
            this.value = val.substring(0, val.length - 1);
        }
    });
    
    
    
    $('#datetimepicker6').datetimepicker({
        allowInputToggle: true,
        useCurrent: false,
        format: 'DD.MM.Y',
        inline: true,
        sideBySide: true
    });

    $('#datetimepicker7').datetimepicker({
        allowInputToggle: true,
        format: 'DD.MM.Y',
        useCurrent: false, //Important! See issue #1075
        inline: true,
        sideBySide: true
    });

    $("#datetimepicker6").on("dp.change", function (e) {
        $('#datetimepicker7').data("DateTimePicker").minDate(e.date);
    });

    $("#datetimepicker7").on("dp.change", function (e) {
        $('#datetimepicker6').data("DateTimePicker").maxDate(e.date);
    });
    
    $('.usetwentyfour').hide();
    
    $('#title').focus();
</script>
@endsection