@extends('layout/principal')
@section('titulo', 'Home')
@section('content')

<!-- <div class="card card-dashboard-twelve mg-b-20"> -->
@if (Session::has('mensaje'))
    <p>{{ Session::get('mensaje') }}</p>
@endif
@if (Session::has('msj_no_data'))
<div class="alert alert-danger col-lg-12">
    <p>{{ Session::get('msj_no_data') }}</p>
</div>
@endif


<div class="az-content-label mg-b-5">Nuevo Alzamiento</div>
<hr>

@if (isset($errors) && $errors->any())
<div class="alert alert-danger" role="alert">
    @foreach ($errors->all() as $error)
    {{ $error }}
    @endforeach
</div>
@endif

        <form action="{{ route('alzamientoPrenda.store') }}" method="post" autocomplete="off">
            @csrf
            <input type="hidden" name="id_proceso" id="id_proceso" value="2">

            <div class="row"> <!-- row 1 -->
                <div class="col-3">
                    <label for="id_mandante">Mandante (*)</label>
                    <select class="form-control" name="id_mandante" id="id_mandante" required>
                        <option></option>
                        @foreach ($mandantes as $mandante)
                        <option value=" {{ $mandante->id_mandante }}">{{ $mandante->razon_social }}</option>
                        @endforeach
                    </select>
                    <p class="text-danger"></p>
                </div>
                <div class="col-3">
                    <label for="contrato">Contrato (*)</label>
                    <input type="text" id="contrato" name="contrato" class="form-control"
                        value="" required>
                    <p class="text-danger"></p>
                </div>
                <div class="col-3">
                    <label for="patente">Patente(*)</label>
                    <div class="row row-xs">
                        <div class="col-md-7">
                            <input type="text" id="patente" name="patente" class="form-control" value="" placeholder="Patente" required>
                        </div><!-- col -->
                        <div class="col-md-5 mg-t-10 mg-md-t-0">
                            <input type="text" id="patente_dv" name="patente_dv" class="form-control" value="" placeholder="Digito" required>
                        </div><!-- col -->
                      </div><!-- row -->
                </div>
                <div class="col-3">
                    <label for="patente">Repertorio</label>
                    <div class="row row-xs">
                        <div class="col-md-7">
                            <input type="text" id="repertorio_rpsd" name="repertorio_rpsd" class="form-control" value="" required placeholder="Numero Repertorio">
                        </div><!-- col -->
                        <div class="col-md-5 mg-t-10 mg-md-t-0">
                            <input type="text" id="repertorio_agno" name="repertorio_agno" class="form-control" value="" required placeholder="Año Repoertorio">
                        </div><!-- col -->
                      </div><!-- row -->
                </div>

            </div> <!-- fin row 1 -->

            <div class="row"> <!-- row 2 -->
                <div class="col-3">
                    <label for="razon_social_cliente">Nombre Cliente</label>
                    <input type="text" id="razon_social_cliente" name="razon_social_cliente" class="form-control" value="">
                    <p class="text-danger"></p>
                </div>
                <div class="col-3">
                    <label for="rut_cliente">Rut Cliente (formato: 11222333-4)</label>
                    <input type="text" id="rut_cliente" name="rut_cliente" class="form-control" value="">
                    <p class="text-danger"></p>
                </div>
                <div class="col-4">
                    <label for="email_cliente">Email Cliente</label>
                    <input type="email" id="email_cliente" name="email_cliente" class="form-control" {{--
                        placeholder="Ingrese un email..." --}} value="">
                    <p class="text-danger"></p>
                </div>
            </div> <!-- fin row 2 -->

            <div class="row"> <!-- row 3 -->
                <div class="col-2">
                    <label for="id_tipo_vehiculo">Tipo Vehículo</label>
                    <select class="form-control" name="tipo_vehiculo" id="tipo_vehiculo">
                        <option></option>
                        @foreach ($tipos_vehiculos as $tipo_vehiculo)
                        <option value=" {{ $tipo_vehiculo->nombre }}">{{ $tipo_vehiculo->nombre }}</option>
                        @endforeach {{-- se guarda el nombre del tipo_vehiculo porque se necesita ese dato--}}
                        <option value=""></option>
                    </select>
                </div>
                <div class="col-2">
                    <label for="id_marca">Marca</label>
                    <select class="form-control" name="marca" id="marca">
                        <option></option>
                        @foreach ($marcas as $marca)
                        <option value=" {{ $marca->nombre }}">{{ $marca->nombre }}</option>
                        @endforeach {{-- se guarda el nombre de la marca porque se necesita ese dato--}}
                        <option value=""></option>
                    </select>
                </div>
                <div class="col-4">
                    <label for="modelo">Modelo</label>
                    <input type="text" id="modelo" name="modelo" class="form-control" value="">
                    <p class="text-danger"></p>
                </div>
                <div class="col-1">
                    <label for="ano">Año</label>
                    <select class="form-control" name="ano" id="ano">
                        <option></option>
                        @foreach ($anos as $ano)
                        <option value="{{ $ano->format(" Y") }}">{{ $ano->format("Y") }}</option>
                        @endforeach
                    </select>
                    <p class="text-danger"></p>
                </div>
                <div class="col-3">
                    <label for="color">Color</label>
                    <input type="text" id="color" name="color" class="form-control" value="">
                    <p class="text-danger"></p>
                </div>
            </div><!-- fin row 3 -->

            <div class="row"> <!-- row 4 -->
                <div class="col-3">
                    <label for="motor">Motor</label>
                    <input type="text" id="motor" name="motor" class="form-control" value="">
                    <p class="text-danger"></p>
                </div>
                <div class="col-3">
                    <label for="chasis">Chasis</label>
                    <input type="text" id="chasis" name="chasis" class="form-control" value="">
                    <p class="text-danger"></p>
                </div>
                <div class="col-3">
                    <label for="vin">Vin</label>
                    <input type="text" id="vin" name="vin" class="form-control" value="">
                    <p class="text-danger"></p>
                </div>
                <div class="col-3">
                    <label for="nro_serie">Nro. Serie</label>
                    <input type="text" id="nro_serie" name="nro_serie" class="form-control" value="">
                    <p class="text-danger"></p>
                </div>
            </div><!-- fin row 4 -->

            <div class="row"> <!-- row 5 -->
                <div class="col-6">
                    <label for="comentario_prenda_chile">Comentario Prenda Chile</label>
                    <textarea type="textarea" id="comentario_prenda_chile" name="comentario_prenda_chile" class="form-control" placeholder="" value="" rows="5"
                        maxlength="350" style="resize:none"></textarea>
                    <p class="text-danger"></p>
                </div>
            </div><!-- fin row 5 -->

            <div class="row">
                <div class="col-lg-3">
                    <button type="submit" class="btn btn-az-primary mr-4">Guardar</button>
                    <a href="{{ route('alzamientoPrenda.index') }}" class="btn btn-secondary d-x-20">Cancelar</a>
                </div>
            </div>
        </form>
        <hr>

@endsection