@extends('admin.layouts.master')

@section('headerFiles')
<title>TABCFast | Add Reference</title>
<link href="{{ url('resources/assets/admin') }}/plugins/bootstrap-fileinput/bootstrap-fileinput.css" rel="stylesheet" type="text/css" />
<link href="{{ url('resources/assets/admin') }}/css/bootstrap-datepicker.css" rel="stylesheet">

@endsection



@section('content')

<div class="page-content-col">
    <div class="row">
        <div class="col-md-12">
            @include('admin/includes/front_alerts')
        </div>
    </div>
    <div class="row">
        <div class="col-md-12 ">
            {!! Form::open([ 'url' => 'admin/settings/logos/store','files'=>true, 'id' => '']) !!}
            <div class="portlet light bordered">

                <div class="portlet-title" >
                    <div class="caption font-green">
                        <i class="icon-plus font-green"></i>
                        <span class="caption-subject bold uppercase">Add Reference</span>
                    </div>
                    <div class="actions">
                        <div class="btn-group">
                            <button class="btn btn-success btn-sm"><i class="fa fa-save"></i> Save</button>
                            <button class="btn btn-danger btn-sm" type="button" onclick="location.href = '{{url('admin/settings/logos')}}'" ><i class="fa fa-close"></i> Close</button>
                        </div>
                    </div>
                </div>
                <div class="portlet-body form">
                    <div class="form-body">
                        <div class="row">
                            <div class="col-md-8">
                                <div class="form-group form-md-line-input form-md-floating-label">
                                    {{ Form::text('title', null ,['class' => 'form-control','id'=>'title']) }}
                                    <label for="title">Reference title</label>
                                    <span class="help-block">Reference is required </span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group form-md-radios">
                                    <label>Status</label>
                                    <div class="md-radio-inline">
                                        <div class="md-radio">
                                            {{ Form::radio('status', 1, true, ['class' => 'md-radiobtn','id'=>'active']) }}
                                            <label for="active">
                                                <span></span>
                                                <span class="check"></span>
                                                <span class="box"></span> Active
                                            </label>
                                        </div>
                                        <div class="md-radio">
                                            {{ Form::radio('status', 0, null, ['class' => 'md-radiobtn','id'=>'deactive']) }}
                                            <label for="deactive">
                                                <span></span>
                                                <span class="check"></span>
                                                <span class="box"></span> Deactive 
                                            </label>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group ">
                                    <label class="control-label"><div style="color:#999;">Reference Image: </div></label><br>
                                    <div class="fileinput fileinput-new" data-provides="fileinput">
                                        <div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 250px; height: 250px;"> </div>
                                        <div>
                                            <span class="btn red btn-outline btn-file">
                                                <span class="fileinput-new"> Select image </span>
                                                <span class="fileinput-exists"> Change </span>

                                                {{ Form::file('image', ['id'=>'image' ,'accept' => 'image/PNG,image/png,image/jpg,image/JPG,image/JPEG,image/jpeg,image/GIF,image/gif']) }}
                                            </span>
                                            <a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput"> Remove </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="portlet-title " style=" border-top: 1px solid #eef1f5; border-bottom: 0;" >
                    <div class="actions margin-top-10">
                        <div class="btn-group">
                            <button class="btn btn-success btn-sm"><i class="fa fa-save"></i> Save</button>
                            <button class="btn btn-danger btn-sm" type="button" onclick="location.href = '{{url('admin/settings/logos')}}'"><i class="fa fa-close"></i> Close</button>
                        </div>
                    </div>
                </div>
            </div>
            {!! FORM::close() !!}
        </div>
    </div>
</div>

@endsection

@section('footerScripts')

<script src="{{ url('resources/assets/admin') }}/plugins/bootstrap-fileinput/bootstrap-fileinput.js" type="text/javascript"></script>
@endsection