@extends('plantilla.main')
@section('scripts')
    
@endsection
@section('title',"Agregar Estado")
@section('contenido_title',"Catálogo de Estado")
@section('contenido')
    
<div class="formulario" id="formulario">
    <div class="card">
        <div class="card-header">
            <h4 class="text-center">Agregar Estado</h4>
        </div>
        <div class="card-body">
            <form action="{{route('estado.store')}}" method="POST">
                {{ csrf_field() }}
                <div class="form-row">
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <label for="estado"><strong>País</strong></label>
                        <select class="custom-select" name="pais">
                            @foreach ($paises as $pais)
                                <option value="{{$pais->CNPAIS}}">{{$pais->DXPAIS}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <label for="estado"><strong>Estado</strong></label>
                        <input type="text" name="estado" class="form-control {{ $errors->has('estado') ? 'is-invalid' : '' }}" placeholder="Ingrese el estado" value="{{ old('estado') }}" required autofocus>
                        {!! $errors->first('estado','<div class="invalid-feedback">:message</div>') !!}
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <button type="submit" class="btn btn-success btn-block" data-placement="bottom" title="Agregar">
                            <i class="fas fa-check"></i> Agregar
                        </button>
                    </div>
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <a href="{{route('estado.index')}}" class="btn btn-info btn-block" data-placement="bottom" title="Cancelar">
                            <i class="fas fa-ban"></i> Cancelar
                        </a>
                    </div>
                </div>
            </form>
        </div>
        </div>
    </div>
</div>
@endsection