@extends('layouts.main')

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div>
                    @if (session()->has('message'))
                    <div class="alert alert-success">                        
                        <button type="button" class="close" data-dismiss="alert">
                            x
                        </button>                        
                        {{ session()->get('message') }}
                    </div>                
                    @endif                    
                </div>
                <div class="card">
                    <div class="card-header"><h1 class="h3 mb-0 text-gray-800"> {{ __('Nuevo Empleado') }} </h1>
                        <a href="{{ route('home') }}" class="float-right">Atrás</a>
                    </div>
    
                    <div class="card-body">
                        <form method="POST" action="{{ route('empleados.guardar') }}">
                            @csrf
    
                            <div class="row mb-3">
                                <label for="nombre" class="col-md-4 col-form-label text-md-right">{{ __('Nombre(s)') }}</label>
    
                                <div class="col-md-6">
                                    <input id="nombre" type="text" class="form-control @error('nombre') is-invalid @enderror" name="nombre" value="{{ old('nombre') }}" required autocomplete="nombre" autofocus>
    
                                    @error('nombre')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>
    
                            <div class="row mb-3">
                                <label for="primer_apellido" class="col-md-4 col-form-label text-md-right">{{ __('Primer Apellido') }}</label>
    
                                <div class="col-md-6">
                                    <input id="primer_apellido" type="text" class="form-control @error('primer_apellido') is-invalid @enderror" name="primer_apellido" value="{{ old('primer_apellido') }}" required autocomplete="primer_apellido" autofocus>
    
                                    @error('primer_apellido')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="segundo_apellido" class="col-md-4 col-form-label text-md-right">{{ __('Segundo Apellido') }}</label>
    
                                <div class="col-md-6">
                                    <input id="segundo_apellido" type="text" class="form-control @error('segundo_apellido') is-invalid @enderror" name="segundo_apellido" value="{{ old('segundo_apellido') }}" required autocomplete="segundo_apellido" autofocus>
    
                                    @error('segundo_apellido')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="curp" class="col-md-4 col-form-label text-md-right">{{ __('CURP') }}</label>
    
                                <div class="col-md-6">
                                    <input id="curp" type="text" class="form-control @error('curp') is-invalid @enderror" name="curp" value="{{ old('curp') }}" required autocomplete="curp" autofocus>
    
                                    @error('curp')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="rfc" class="col-md-4 col-form-label text-md-right">{{ __('RFC') }}</label>
    
                                <div class="col-md-6">
                                    <input id="rfc" type="text" class="form-control @error('rfc') is-invalid @enderror" name="rfc" value="{{ old('rfc') }}" required autocomplete="rfc" autofocus>
    
                                    @error('rfc')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>


                            <div class="row mb-3">
                                <label for="fecha_ingreso" class="col-md-4 col-form-label text-md-right">{{ __('Fecha de Ingreso') }}</label>
    
                                <div class="col-md-6">
                                    <input id="fecha_ingreso" type="date" class="form-control @error('fecha_ingreso') is-invalid @enderror" name="fecha_ingreso" value="{{ old('fecha_ingreso') }}" required autocomplete="fecha_ingreso" autofocus>
    
                                    @error('fecha_ingreso')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="fecha_alta_issste" class="col-md-4 col-form-label text-md-right">{{ __('Fecha de Alta del ISSSTE') }}</label>
    
                                <div class="col-md-6">
                                    <input id="fecha_ingreso" type="date" class="form-control @error('fecha_alta_issste') is-invalid @enderror" name="fecha_alta_issste" value="{{ old('fecha_alta_issste') }}" required autocomplete="fecha_alta_issste" autofocus>
    
                                    @error('fecha_alta_issste')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="cve_area" class="col-md-4 col-form-label text-md-right">{{ __('Área') }}</label>
    
                                <div class="col-md-6">
                                    <select name="cve_area" class="form-control" required aria-label="Default select example">
                                        <option value="" selected>-- Selecciona un área --</option>
                                        @foreach ($areas as $area)
                                             <option value="{{ $area->cve_area }}"  @if(old('cve_area') == $area->cve_area) selected="selected" @endif>{{ $area->area }}</option>
                                        @endforeach
                                      </select>
    
                                    @error('cve_area')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="domicilio" class="col-md-4 col-form-label text-md-right">{{ __('Domicilio') }}</label>
    
                                <div class="col-md-6">
                                    <textarea id="domicilio" rows=3 type="text" class="form-control @error('domicilio') is-invalid @enderror" name="domicilio" value="{{ old('domicilio') }}" required autocomplete="domicilio" autofocus>CONCORDIA, SINALOA
                                    </textarea>
    
                                    @error('domicilio')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="status" class="col-md-4 col-form-label text-md-right">{{ __('Status') }}</label>    
                                <div class="col-md-6">
                                    @foreach ($status_empleados as $status_)
                                    <option value="{{ $status_->id }}">{{ $status_->descripcion }}</option>
                                    @endforeach
    
                                    @error('status')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="stasac" class="col-md-4 col-form-label text-md-right">{{ __('STASAC') }}</label>    
                                <div class="col-md-6">
                                    <select name="stasac" class="form-control" required aria-label="Default select example">
                                        <option value="1">SÍ</option>
                                        <option value="0" selected>NO</option>
                                      </select>
    
                                    @error('stasac')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="row mb-0">
                                <div class="col-md-6 offset-md-4">
                                    <button type="submit" class="btn btn-primary">
                                        {{ __('Guardar') }}
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection