@extends('layouts.app')
@section('content')
    <div class="row">
        <div class="portlet light bg-inverse">
            <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.ClassCreate') </span>
                    <!-- <span class="caption-helper">some info...</span> -->
                </div>
            </div>
            <div class="portlet-body form" style="margin-bottom: 50%;" >
                <!-- BEGIN FORM-->
                {!! Form::open(array('route' => 'financialClass.store','method'=>'POST','class'=>'form-horizontal','files'=> true)) !!}
                {{ csrf_field() }} 
                    <div class="form-body">
                        <div class="col-lg-12" style="box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px; margin-bottom: 10px;padding: 10px 0px;">
                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" style="height: 50px;">
                                <label>@lang("layout.Name") <span class="required"> * </span></label>
                                <input type="text" class="form-control" name="name">
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                <label>@lang("layout.Description") <span class="required"> * </span></label>
                                <textarea class="form-control" name="description" rows="1"></textarea>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                <label> IP <span class="required"> </span></label>
                                <input type="text" class="form-control" name="finger_ip">
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                <label> Port <span class="required"> </span></label>
                                <input type="number" class="form-control" name="finger_port">
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                <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: 100px;">
                                        <img src="#" alt=""/>
                                    </div>
                                    <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 100%; max-height: 100px;"></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', ['@change' => 'handleHeaderUpload']) !!}
                                        </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 ">@lang('layout.Footer')</label><br>
                                <div class="fileinput fileinput-new" data-provides="fileinput" style="width: 100%;"> 
                                    <div class="fileinput-new thumbnail" style="width: 100%; height: 100px;">
                                        <img src="#" alt=""/>
                                    </div>
                                    <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 100%; max-height: 100px;"></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('footer', ['@change' => 'handleHeaderUpload1']) !!}
                                        </span>
                                        <a href="javascript:;" class="btn default fileinput-exists"
                                        data-dismiss="fileinput">@lang('layout.Remove')</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
                        <button type="button" class="btn green" onclick="regForm(this)"> @lang('layout.Submit') </button>
                        <button href="{{url('financialClass.index')}}" class="btn default"><i class="fa fa-mail-reply"></i> @lang('layout.Cancel') </button>
                    </div>  
                {!! Form::close() !!}
            </div>                  
            <!-- END FORM-->
        </div>
    </div> 
@endsection