@extends('web.panel.layout')
@section('titulo', config('app.name') . ' - Crear Modelo')

@section('ruta-panel')
    <li class="breadcrumb-item"><a href="">Modelos</a></li>
    <li class="breadcrumb-item active"><a href="#">Crear Modelo</a></li>
@endsection


@section('contenido-panel')
    <div class="col-md-8 col-lg-10 blog-sec">
        <div class="row blog-list">
            <div class="col-md-12">
                <h3 class="blog-head text-uppercase mt-0">Crear modelo</h3>
                <div class="blog-divider"></div>
                <div class="blog-text">
                    <form>
                    <div class="theme-form mt-0">
           
                        <h6>Selecciona el tipo de modelo que deseas crear:</h6>
                        <select name="modelo" class="form-control" id="">

                            @foreach (\App\Models\ModeloTipo::all() as $modelo)
                                <option value="{{ $modelo->slug }}">{{ $modelo->nombre }}</option>
                            @endforeach

                        </select>
                    </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('scripts')
<script>

$(document).ready(function() {
    $("select").change(function() {
      var selectedOption = $(this).find("option:selected").val();
      // Aquí debes reemplazar "http://example.com" con la dirección que deseas
      window.location.replace("/modelos/crear/" + selectedOption);
    });
  });

</script>
@endsection