@extends("layouts.app")

@section("content")
<div id="content-page" class="content-page">
  <div class="container-fluid">
    <div class="row row-eq-height">
      <div class="col-sm-12">
        <div class="iq-card">
          <div class="iq-card-header d-flex justify-content-between">
            <div class="iq-header-title">
              <h4>
                Editar Tienda
              </h4>
            </div>
          </div>
          <div class="iq-card-body">
            {!! Form::model($tienda, ['url' => url('/sistema/tiendas/actualizar/'.$tienda->idTienda)]) !!}
              <div class="row">
                @include("mensajes")
                <div class="col-md-3">
                  <div class="form-group">
                    <label>Nombre:</label>
                    {{Form::text('nombre', NULL, ['class'=>'form-control'])}}
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <label>Url:</label>
                    {{Form::text('url', NULL, ['class'=>'form-control'])}}
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <label>Token de acceso:</label>
                    <div class="input-group">
                      {{Form::text('token', NULL, ['class'=>'form-control', 'id'=>'token'])}}
                      <span class="input-group-text" id="basic-addon2">
                        <a href="#" title="Generar nuevo token" onclick="generateToken()">
                          <i class="ri-restart-line"></i>
                        </a>
                      </span>
                    </div>
                    <small class="form-text text-muted">
                      Este token es usado para habilitar el acceso api a las tiendas. 
                    </small>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <label>Idioma:</label>
                    {{Form::select('idioma', ["ES"=>"ES"], NULL, ['class'=>'form-control'])}}
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <label>Moneda:</label>
                    {{Form::select('moneda', ["USD"=>"USD"], NULL, ['class'=>'form-control'])}}
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <label>Email:</label>
                    {{Form::email('email', NULL, ['class'=>'form-control'])}}
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <label>Telefono:</label>
                    {{Form::text('telefono', NULL, ['class'=>'form-control'])}}
                  </div>
                </div>
                <div class="col-md-12">
                  <div class="form-group">
                    <label>Direccion:</label>
                    {{Form::textarea('direccion', NULL, ['class'=>'form-control', 'style'=>'height:80px'])}}
                  </div>
                </div>
                <div class="col-md-12">
                  <div class="form-group">
                    <button type="submit" class="btn btn-primary">Guardar</button>
                    <a href="{{url('/sistema/tiendas')}}" class="btn btn-dark"><i class="ion-android-arrow-back"></i> Regresar</a>
                  </div>
                </div>
              </div>
            {!! Form::close() !!}
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@section("js")
  <script>
    function generateToken(){
      let element = document.getElementById("token");
      element.value = (Math.random().toString(36).substring(2, 10) + Math.random().toString(36).substring(2, 10)).toUpperCase()
    }
  </script>
@endsection