@extends('layouts.theme_selector')

@section('content')
  <div class="content">
    <div class="row justify-content-center">
      <div class='col-md-8'>

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

        <div class="card {{session('theme_card')}}">

          <div class="card-header">
            Cambio de Jerarquia
          </div>

          <div class="card-body {{session('theme_bg_black')}}">
            <div class="container p-0">
              <form class="form" action="{{ route('CambiarJerarquia') }}" method="post" enctype="multipart/form-data">
                @csrf
                <div class="row justify-content-center">
                  <p>VERTICAL - de PAS a ORG</p>
                  <div class="col-4 text-center">
                    <div class="input-group">
                      <span class="input-group-text col col-5 justify-content-center mb-3 {{session('theme_bg_dark')}}" id="tag_productor">Productor</span>
                      <input type="text" value="@if(old('productor')){{old('productor')}}@endif" class="form form-control mb-3 {{session('theme_bg_black')}}" placeholder="Codigo corto" name="productor" aria-label="productor" aria-describedby="tag_productor"/>
                    </div>
                    <p class="lead">pasa a</p>
                    <div class="input-group mb-3">
                      <div class="input-group justify-content-center">
                        <span class="input-group-text col col-5 justify-content-center {{session('theme_bg_dark')}}" id="tag_organizador">Organizador</span>
                        <input type="text" value="@if(old('organizador')){{old('organizador')}}@endif" class="form form-control {{session('theme_bg_black')}}" placeholder="Codigo corto" name="organizador" aria-label="organizador" aria-describedby="tag_organizador"/>
                      </div>
                    </div>
                    <button class="btn btn-primary col col-md-4 my-2" type="submit" name="crear">Crear</button>
                  </div>
                </div>
              </form>
            </div>
          </div>

          <hr>

          <div class="card-body {{session('theme_bg_black')}}">
            <div class="container p-0">
              <form class="form" action="{{ route('CambioOrganizador') }}" method="post" enctype="multipart/form-data">
                @csrf
                <div class="row justify-content-center">
                  <p>HORIZONTAL - de un ORG a otro ORG</p>
                  <div class="col-8 text-center">
                    <div class="">
                      <p>Ingresar todos los códigos para el pase, separados por un punto "." o una coma ","</p>
                      <input type="text" value="@if(old('pase_masivo')){{old('pase_masivo')}}@endif" class="form form-control mb-3 {{session('theme_bg_black')}}" placeholder="Codigos cortos separados..." name="pase_masivo" aria-label="pase_masivo"/>
                    </div>
                  </div>
                </div>
                <div class="row justify-content-center">
                  <div class="col-4 text-center">
                    <p class="lead">pasan dentro de</p>
                    <div class="input-group mb-3">
                      <div class="input-group justify-content-center">
                        <span class="input-group-text col col-5 justify-content-center {{session('theme_bg_dark')}}" id="tag_organizador_masivo">Organizador</span>
                        <input type="text" value="@if(old('organizador_masivo')){{old('organizador_masivo')}}@endif" class="form form-control {{session('theme_bg_black')}}" placeholder="Codigo corto" name="organizador_masivo" aria-label="organizador_masivo" aria-describedby="tag_organizador_masivo"/>
                      </div>
                    </div>
                    <button class="btn btn-primary col col-md-4 my-2" type="submit">Enviar</button>
                  </div>
                </div>
              </form>
            </div>
          </div>

        </div>

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