@extends('layouts.theme_selector')

@section('content')
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-10">
        <div class="card {{ session('theme_card') }}">

          <div class="card-header">
            <a href="{{ url()->previous() }}" class="text-decoration-none text-primary mr-2">
              <i class="bi bi-caret-left"></i>
            </a>
            Alta de Webservice
          </div>

          <div class="card-body {{ session('theme_bg_black') }}">
            <div class="container p-0">

              <form class="form" action="{{ route('AltaWebService') }}" method="post" enctype="multipart/form-data">
                @csrf
                <div class="row justify-content-center">
                  <div class="col-xs col-sm-6 text-center">
                    <div>
                      <span class="lead">NOTA</span>
                      <p>Para crear un usuario de códigos duales debe completarse el número de organizador y dejar el de productor con ceros</p>
                      <p>Ej: ORG- 02215  //  PAS- 00000</p>
                    </div>
                    <hr>
                    <div class="input-group my-3">
                      <label class="input-group-text col col-5 justify-content-center {{ session('theme_bg_dark') }}" for="user_select">Usuarios</label>
                      <select class="form-control form-select col {{ session('theme_select_dark') }}" id="user_select" name="id_user" required>
                        <option class="border border-secondary" selected disabled>Seleccione...</option>
                        <option class="border border-secondary" @if(old('id_user') == 7) {{ 'selected' }} @endif value="7">7 - QUIROGA</option>
                      </select>
                    </div>
                    <div class="input-group mb-3">
                      <span class="input-group-text col col-5 justify-content-center {{ session('theme_bg_dark') }}" id="tag_organizador">Organizador</span>
                      <input type="text" value="{{ old('organizador') ?? ''}}" class="form-control {{ session('theme_bg_black') }}" placeholder="Codigo corto" name="organizador" aria-label="organizador" aria-describedby="tag_organizador" required>
                    </div>
                    <div class="input-group mb-3">
                      <span class="input-group-text col col-5 justify-content-center {{ session('theme_bg_dark') }} mb-3" id="tag_productor">Productor</span>
                      <input type="text" value="{{ old('productor') ?? '' }}" class="form-control mb-3 {{ session('theme_bg_black') }}" placeholder="Codigo corto" name="productor" aria-label="productor" aria-describedby="tag_productor" required>
                    </div>
                    <div class="input-group justify-content-center">
                      <button class="btn btn-primary col-sm-auto col-md-4" type="submit" name="crear">Crear</button>
                    </div>
                  </div>
                </div>
              </form>

            </div>

            @include('layouts.alerts.error')
            @include('layouts.alerts.success')

          </div>
        </div>
      </div>
    </div>
  </div>
@endsection