@extends('modules.head') @section('contenido')
<h3 ><a class="ruta" class="" href="{{url('/banners')}}">{{ Lang::get('messages.screen_banners_tag1')}}  </a> <span class="separador-ruta">|</span><a class="ruta" class="" href="{{url('/banners/add')}}">{{ Lang::get('messages.screen_banners_tag2')}} </a> </h3>

<div class="box">
    <div class="box-header with-border">
        <h3 class="box-title">{{ Lang::get('messages.screen_banners_tag2')}}</h3>


        <!-- /.box-tools -->
    </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">{{ Lang::get('messages.screen_banners_tag3')}} </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">{{ Lang::get('messages.screen_banners_tag4')}}</label>
                          <input type="number" class="form-control" name="order" required>
                      </div>
                 </div>
                 <div class="form-group col-md-3">
                    <label for="type_action_id">@lang('messages.screen_popup_tag7')</label>
                    <select class="form-control" id="type_action_id" name="type_action_id"
                        value="{{ $popup->type_action_id ?? old('type_action_id') }}" onchange="changeType(this.value)">
                        <option value="0" disabled {{isset($popup) ? '' : 'selected'}}>
                            @lang('messages.select')
                        </option>
                        @foreach ($typeActions as $typeAction)
                        <option value="{{ $typeAction->id }}"
                            {{ isset($popup) && $popup->type_action_id == $typeAction->id ? 'selected' : '' }}>
                            {{ $typeAction->name }}
                        </option>
                        @endforeach
                    </select>
                </div>
                <div class="hide" id="container_category">
                    <div class="form-group col-md-3">
                        <label for="category_id">@lang('messages.screen_popup_tag23')</label>
                        <select class="form-control" id="category_id" name="category_id">
                            <option value="0" {{isset($popup) ? '' : 'selected'}} disabled>
                                @lang('messages.select')
                            </option>
                        </select>
                    </div>
                </div>
                <div class="hide" id="container_value">
                    <div class="form-group col-md-3">
                        <label for="value" class="ul-form__label">@lang('messages.screen_popup_tag8'):</label>
                        <input type="text" class="form-control" id="value" name="value" value="{{ $popup->value ?? old('value') }}" required>
                    </div>
                </div>
            </div>
            <div class="row">
              <div class="col-3 col-md-3">
                  <div class="form-group">
                      <label for="description">{{ Lang::get('messages.screen_banners_tag22')}} </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="file">{{ Lang::get('messages.screen_banners_tag7')}} </label>
                        <input type="file" name="image" id="image" required>
                    </div>
                </div>
            </div>




            <button  onClick="createBanner()" id="btn-create-banner" class="btn btnBox pull-right ">{{ Lang::get('messages.screen_banners_tag11')}}</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')}}">{{ Lang::get('messages.screen_banners_tag12')}} </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') . '?v=' . time() }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>

<script type="text/javascript">
    $(document).ready(function () {
      $('.select2').select2();
    });
</script>