@extends('layouts.app')
@section('content')
@section('style')
@stop
<div class="row">
    <div class="portlet light bg-inverse" style="min-height: 100%;">
        <div class="portlet-title">
            <div class="caption">
                <i class="icon-equalizer font-green-haze"></i>&nbsp;
                <span class="caption-subject font-green-haze bold uppercase">@lang('layout.CreateCountry')</span>
                <!-- <span class="caption-helper">some info...</span> -->
            </div>
            <div class="tools"></div>
        </div>
        <div class="portlet-body form" style="margin-bottom:50%;" id="LitterTitle_id">
            <!-- BEGIN FORM-->
            {!! Form::open(array('route' => 'cargoCountry.store','method'=>'POST','class'=>'form-horizontal','files'=> true)) !!}
                {{ csrf_field() }}
                <div class="form-body">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px; margin-bottom: 10px;">   
                            <div class="col-lg-6">
                                <label class="control-label">@lang('layout.Name') </label>
                                {{Form::text('name',null,['class' => 'form-control','v-validate' =>'"required"','data-vv-as' => __('layout.Name'),'placeholder' => __('layout.Name'),'autofocus'=>'autofocus'])}}
                                <span class="required">@{{ errors.first('name') }}</span>
                            </div>
                            <div class="col-lg-6">
                                <label class="control-label">@lang('layout.Description')</label>
                                {!! Form::textarea('description', null, array('placeholder' => __('layout.Description'),'class' => 'form-control','rows' => 1, 'cols' => 30)) !!}
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top: 10px;">
                                <div class="row">
                                    {{-- <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                        <label class="control-label" style="vertical-align: top;font-weight: bold;">@lang('layout.Header')</label>
                                        <div class="fileinput fileinput-new" data-provides="fileinput">
                                            <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
                                                <img src="" alt="">
                                            </div>
                                            <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px; line-height: 10px;"></div>
                                            <div>
                                                <span class="btn default btn-file">
                                                    <span class="fileinput-new">@lang('layout.SelectFile')</span>
                                                    <span class="fileinput-exists">@lang('layout.Change')</span>
                                                    <input type="hidden" value="" name="">
                                                    <input type="file" name="header"> 
                                                </span>
                                                <a href="javascript:;" class="btn default fileinput-exists" data-dismiss="fileinput"> @lang('layout.Remove') </a>
                                            </div>
                                        </div>
                                    </div> --}}
                                    <div class="col-md-6 col-md-6 col-sm-12 col-xs-12" style="padding: 0px 0px;">
                                        <label class="control-label ">@lang('layout.Header')</label><br>
                                        <div class="fileinput fileinput-new" data-provides="fileinput" style="width: 100%;"> 
                                            <div class="fileinput-new thumbnail" style="width: 100%; height: 106px;">
                                                <img src="#" alt=""/>
                                            </div>
                                            <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 100%; max-height: 106px;"></div>
                                            <div style="width: 100%;">
                                                <span class="btn default btn-file">
                                                    <span class="fileinput-new">@lang('layout.SelectImage')</span>
                                                    <span class="fileinput-exists">@lang('layout.Change')</span>
                                                    {!! Form::file('header', []) !!}
                                                </span>
                                                <a href="javascript:;" class="btn default fileinput-exists"
                                                data-dismiss="fileinput">@lang('layout.Remove')</a>
                                            </div>
                                        </div>
                                    </div>
                                    {{-- <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                        <label class="control-label" style="vertical-align: top;font-weight: bold;">@lang('layout.Logo')</label>
                                        <div class="fileinput fileinput-new" data-provides="fileinput">
                                            <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
                                                <img src="" alt="">
                                            </div>
                                            <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px; line-height: 10px;"></div>
                                            <div>
                                                <span class="btn default btn-file">
                                                    <span class="fileinput-new">@lang('layout.SelectFile')</span>
                                                    <span class="fileinput-exists">@lang('layout.Change')</span>
                                                    <input type="hidden1" value="" name="">
                                                    <input type="file" name="logo"> 
                                                </span>
                                                <a href="javascript:;" class="btn default fileinput-exists" data-dismiss="fileinput"> @lang('layout.Remove') </a>
                                            </div>
                                        </div>
                                    </div> --}}
                                    <div class="col-md-6 col-md-6 col-sm-12 col-xs-12" style="padding: 0px 0px;">
                                        <label class="control-label ">@lang('layout.Logo')</label><br>
                                        <div class="fileinput fileinput-new" data-provides="fileinput" style="width: 100%;"> 
                                            <div class="fileinput-new thumbnail" style="width: 100%; height: 106px;">
                                                <img src="#" alt=""/>
                                            </div>
                                            <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 100%; max-height: 106px;"></div>
                                            <div style="width: 100%;">
                                                <span class="btn default btn-file">
                                                    <span class="fileinput-new">@lang('layout.SelectImage')</span>
                                                    <span class="fileinput-exists">@lang('layout.Change')</span>
                                                    {!! Form::file('logo', []) !!}
                                                </span>
                                                <a href="javascript:;" class="btn default fileinput-exists"
                                                data-dismiss="fileinput">@lang('layout.Remove')</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-9">
                        {{-- <div class="form-group" style="margin-bottom: 10px;">
                            <label class="control-label col-md-3">@lang('layout.Name'):</label>
                            <div class="col-md-9">
                                {{Form::text('name',null,['class' => 'form-control','v-validate' =>'"required"','data-vv-as' => __('layout.Name'),'placeholder' => __('layout.Name'),'autofocus'=>'autofocus'])}}
                                <span class="required">@{{ errors.first('name') }}</span>
                            </div>
                        </div> --}}
                        <div class="form-group">
                            
                        </div>
                        <div class="form-group">
                            
                        </div>
                        {{-- <div class="form-group">
                            <label class="control-label col-md-3">@lang('layout.Description'):</label>
                            <div class="col-md-9">
                                {!! Form::textarea('description', null, array('placeholder' => __('layout.Description'),'class' => 'form-control','rows' => 6, 'cols' => 30)) !!}
                            </div>
                        </div> --}}
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center" style="margin-top: 10px;">
                    <button @click="handleSubmit($event)" type="button" class="btn green">@lang('layout.Submit')</button>
                    <a href="{{route('offersClasses.index')}}" class="btn default">
                        <i class="fa fa-mail-reply"></i> @lang('layout.Cancel')
                    </a>
                </div>
            {!! Form::close() !!}
        </div>
        <!-- END FORM-->
    </div>
</div>
@endsection
@push('scripts')
    <script>
        @if(App::getLocale())
            Vue.use(VeeValidate, {
                locale: '{{App::getLocale()}}',
            });
        @else
            Vue.use(VeeValidate, {
            locale: 'en',
        });
        @endif
        let vu = new Vue({
            el: '#LitterTitle_id',
            data: {},
            methods: {
                handleSubmit(e) {
                    this.$validator.validate().then(valid => {
                        if (valid) {
                            // alert(e.target);
                            regForm(e.target);
                        }
                    });
                },
            }
        })
    </script>
@endpush