@component('fragments.modal')
        @slot('idmodal')
            modalNewEquipo
        @endslot

        @slot('title')
            Agregar equipo o aparato
        @endslot

        @slot('action')
            <form class="needs-validation ui form" method="POST" action="{{url('normasEquipo/'.$normas_equipos->id_norma.'/new_equipo')}}" role="form" enctype="multipart/form-data">
        @endslot

        @slot('form')
            {{ csrf_field() }}
            <div class="form-group">
                <label class="font-weight-bold" for="calibracion" class="">Nuevo equipo o aparato</label>
                <select class="custom-select" id="nuevo" name="nuevo">
                    <option value="0" selected>Nuevo equipo</option>
                    @foreach ($equipos as $equipo)
                        <option value="{{$equipo->id_equipo}}" selected>{{$equipo->clave}}</option>
                    @endforeach
                </select>
            </div>
            <div id="modal-form-new">
                <div class="required field">
                    <label for="clave" >Clave</label>
                    <input type="text" class="form-control" id="clave" name="clave" placeholder="Clave">
                </div>

                <div class="required field">
                    <label for="nombre" >Nombre del equipo</label>
                    <input type="text" class="form-control" id="equipo" name="equipo" placeholder="Nombre del equipo">
                </div>

                <div class="required field">
                    <label for="marca" >Marca</label>
                    <input type="text" class="form-control" id="marca" name="marca" placeholder="Marca">
                </div>

                <div class="required one field">
                    <label for="modelo" >Modelo</label>
                    <input type="text" class="form-control" id="modelo" name="modelo" placeholder="Modelo">
                </div>

                <div class="form-group">
                    <label class="font-weight-bold" for="calibracion" class="">Calibración o Verif. interna Requerida</label>
                    <select class="custom-select" id="calibracion" name="calibracion">
                        <option value="0">Si</option>
                        <option value="1">Si (Verif. Interna)</option>
                        <option value="2">No</option>
                    </select>
                </div>

                <div class="required field">
                    <label for="fecha_vigencia" >Fecha de vigencia de calibración y/o verificación</label>
                    <input type="date" class="form-control" id="fecha_vigencia" name="fecha_vigencia">
                </div>

                <div class="required field">
                    <label for="fecha_verificacion" >Fecha de próxima verificación</label>
                    <input type="date" class="form-control" id="fecha_verificacion" name="fecha_verificacion">
                </div>
            </div>
        @endslot

        @slot('button')
            <button type="submit" class="btn btn-primary">
                <i class="save icon"></i>Guardar
            </button>
        @endslot
    @endcomponent