@extends('layouts.app')

@section('content')

    <form id="form" method="post" action="{{route('customer.store')}}" class="form-horizontal">
        {{ csrf_field() }}
        <section class="panel">
            <header class="panel-heading">
                <h2 class="panel-title">{{__('Add new')}} - {{__("Customer")}}</h2>
            </header>
            <div class="panel-body">
                <div class="form-group">
                    <label class="col-lg-2 control-label">{{__('Customer')}}: <span class="required">*</span></label>
                    <div class="col-lg-4 @if($errors->has('customer')){{'has-error'}} @endif">
                        <input type="text" name="customer" class="form-control" placeholder="" id="customer" spellcheck="false" value="{{old('customer')}}"/>
                        @if($errors->has('customer'))
                            <label for="customer" class="error">{{$errors->first('customer')}}</label>
                        @endif
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">{{__("Address")}}:</label>
                    <div class="col-lg-4">
                        <input type="text" class="form-control" name="address" id="address" value="{{old('address')}}">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">{{__("State")}}:</label>
                    <div class="col-lg-4">
                        <select name="state" id="state" class="form-control" data-plugin-selectTwo>
                            <option value="3" selected>CROATIA</option>
                            @foreach($states as $state)
                                <option value="{{$state->id}}">{{$state->state}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">{{__("Post number")}}:</label>
                    <div class="col-lg-4 @if($errors->has('post')){{'has-error'}} @endif">
                        <input type="post" class="form-control" name="post" id="post" value="{{old('post')}}">
                    </div>
                    @if($errors->has('post'))
                        <label for="post" class="error">{{$errors->first('post')}}</label>
                    @endif
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">{{__("OIB")}}:</label>
                    <div class="col-lg-4 @if($errors->has('oib')){{'has-error'}} @endif">
                        <input type="text" class="form-control" name="oib" id="oib" value="{{old('oib')}}">
                    </div>
                    @if($errors->has('oib'))
                        <label for="oib" class="error">{{$errors->first('oib')}}</label>
                    @endif
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">{{__("Contract number")}}:</label>
                    <div class="col-lg-4">
                        <input type="text" class="form-control" name="contract_number" id="contract_number" value="{{old('contract_number')}}">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">{{__("Contract date")}}:</label>
                    <div class="col-lg-4">
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                            </span>
                            <input type="text" name="contract_date" class="form-control date-picker" placeholder="" id="contract_date"  spellcheck=""/>
                        </div>
                    </div>
                </div>
            </div>
            <footer class="panel-footer">
                <div class="row">
                    <div class="col-sm-12 btn-confirmation">
                        <button class="btn btn-primary" type="submit">{{__('Add')}} <i class="fa fa-plus"></i></button>
                        <a id="icon-without-border-success" href="{{route('customer.index')}}" class="btn btn-default">{{__('Cancel')}}</a>
                    </div>
                </div>
            </footer>
        </section>
    </form>

@endsection