@extends('layouts.inspinia.app')
@section('title', 'Crear Sub-Estados')
@section('titulopagina', 'Administración')

@section('content')

<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-sm-4">
        <h2>@yield('title')</h2>
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="#">@yield('title')</a>
            </li>
            <li class="breadcrumb-item active">
                <strong>Crear</strong>
            </li>
        </ol>
    </div>    
    
</div>
<div class="wrapper wrapper-content animated fadeInRight">

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title"> Crear Subestados</h4>
                </div>
                <div class="card-body">

                    <form action="{{ route('subestados.store') }}" method="POST">
                        @csrf

                        <div class="row">
                            <div class="col-md-6 pr-1">
                                <div class="form-group">
                                    <label>Estado</label>
                                    <select class="form-control" name="cod_estado">
                                        <option value="" selected >Seleccione estado</option>
                                        @foreach ($estados as $r)
                                            <option value="{{ $r->cod_estado }}" >
                                                {{ $r->descripcion }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('cod_estado')
                                        <small class="text-danger">
                                            *{{ $message }}
                                        </small>
                                    @enderror
                                </div>
                            </div>
                        </div>



                        <div class="row">
                            <div class="col-md-6 pr-1">
                                <div class="form-group">
                                    <label>Descripcion</label>
                                    <input type="text" class="form-control" placeholder="Descripcion..."
                                        name="descripcion" value="{{ old('descripcion') }}">
                                    @error('descripcion')
                                        <small class="text-danger">
                                            *{{ $message }}
                                        </small>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        

                        <div class="row">
                            <div class="col-md-6 pr-1">
                                <div class="form-group">
                                    <label>Tipo</label>
                                    <select class="form-control" name="tipo">
                                        <option value="0">Seleccione tipo</option>
                                        @foreach ($tipos as $r)
                                            <option value="{{ $r->id }}"
                                                {{ $r->id == old('tipo') ? 'selected' : '' }}>
                                                {{ $r->tipo }}</option>
                                        @endforeach
                                    </select>
                                    @error('tipo')
                                        <small class="text-danger">
                                            *{{ $message }}
                                        </small>
                                    @enderror
                                </div>
                            </div>
                        </div>


                        <div class="row">
                            <div class="col-md-6 pr-1">
                                <div class="form-group">
                                    <label>App Permisos (Solicitar las opciones marcadas en la app Movil) </label>


                                    <div>
                                        <label>

                                            <input class="mr-1" name="nombre" type="checkbox" >
                                               Nombre
                                        </label>
                                    </div>
                                    <div>
                                        <label>

                                            <input class="mr-1" name="rut" type="checkbox" >
                                            Rut

                                        </label>

                                    </div>

                                    <div>
                                        <label>
                                            <input class="mr-1" name="foto1" type="checkbox" >
                                             Foto 1

                                        </label>
                                    </div>
                                    <div>
                                        <label>

                                            <input class="mr-1" name="foto2" type="checkbox"  >
                                             Foto 2

                                        </label>

                                    </div>
                                    <div>
                                        <label>

                                            <input class="mr-1" name="scaner1" type="checkbox" >

                                            Cedible 1
                                        </label>

                                    </div>
                                    <div>
                                        <label>

                                            <input class="mr-1" name="scaner2" type="checkbox" >

                                            Cedible 2
                                        </label>

                                    </div>
                                    <div>
                                        <label>

                                            <input class="mr-1" name="obs" type="checkbox" >
                                            Observación
                                        </label>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>


                        <div class="row">
                            <div class="col-md-6 pr-1">
                                <button type="submit" class="form-control"
                                    class="btn btn-primary btn-block">Guardar</button>
                            </div>
                        </div>

                    </form>


                </div>
            </div>
        </div>

    </div>
</div>

@endsection