@extends('layouts.head') @section('content')
<h3><a class="ruta" class="" href="{{url('/banners')}}">{{ __('messages.banners.title_2') }} </a> <span
        class="separador-ruta">|</span><a class="ruta" class=""
        href="{{url('/banners/add')}}">{{ __('messages.banners.title_1') }}</a> </h3>

<div class="box">
    <div class="box-header with-border">
        <h3 class="box-title">{{ __('messages.banners.title_1') }}</h3>
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <form role="form" id="createBanner" data-toggle="validator">
            <div class="row">
                <div class="col-3 col-md-3">
                    <div class="form-group">
                        <label for="name">{{ __('messages.banners.title_3') }}</label>
                        <input type="text" class="form-control" id="name" name="name" required>
                    </div>
                </div>
                <div class="col-3 col-md-3">
                    <div class="form-group">
                        <label for="order">{{ __('messages.banners.title_4') }}</label>
                        <input type="number" class="form-control" name="order" required>
                    </div>
                </div>
                <div class="col-3 col-md-3">
                    <div class="form-group">
                        <label for="link">{{ __('messages.banners.title_5') }}</label>
                        <input type="text" class="form-control" name="link" id="link">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-3 col-md-3">
                    <div class="form-group">
                        <label for="description">{{ __('messages.banners.title_6') }}</label>
                        <input type="text" class="form-control" maxlength="25" id="description" name="description">
                    </div>
                </div>
                <div class="col-3 col-md-3">
                    <div class="form-group">
                        <label for="direction">{{ __('messages.banners.title_7') }}</label>
                        <input type="file" name="image" id="image" required>
                    </div>
                </div>
            </div>

            <button onClick="createBanner()" id="btn-create-banner"
                class="btn btnBox pull-right ">{{ __('messages.banners.title_8') }}</button>
            <button type="button" class="btn btnBox pull-right displayNone" id="spinnerButton">
                <i class="fa fa-spinner fa-spin"></i>
            </button>
            <button type="button" class="btn btn-default pull-right btnCancel">
                <a href="{{url('/banners')}}">{{ __('messages.banners.title_9') }}</a>
            </button>
            {{ csrf_field() }}
        </form>
    </div>
    <!-- /.box-body -->
</div>
@endsection
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/banners.js') }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>