@extends('plantilla.main')
@section('scripts')
    
@endsection
@section('title',"Agregar Ciudad")
@section('contenido_title',"Catálogo de ciudad")
@section('contenido')
    
<div class="formulario" id="formulario">
    <div class="card">
        <div class="card-header">
            <h4 class="text-center">Actualizar Ciudad "{{$ciudad->DXCIUDAD}}"</h4>
        </div>
        <div class="card-body">
            <form action="{{route('ciudad.update',$ciudad->CNCIUDAD)}}" method="POST">
                {{ csrf_field() }}
                {{ method_field('PUT') }}
                <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 {{ $errors->has('pais') ? 'is-invalid' : '' }}" name="pais" id="pais">
                            @foreach ($paises as $pais)
                                @if ($pais->CNPAIS==$ciudad->Estado->Pais->CNPAIS)
                                    <option value="{{$pais->CNPAIS}}" selected>{{$pais->DXPAIS}}</option>
                                @else
                                    <option value="{{$pais->CNPAIS}}">{{$pais->DXPAIS}}</option>
                                @endif
                            @endforeach
                        </select>
                        {!! $errors->first('pais','<div class="invalid-feedback">:message</div>') !!}
                    </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 id="identificador" style="display:none;" class="form-control" type="text" value="{{$ciudad->Estado->CNESTADO}}">
                        <div id="resultado" class="align-middle text-center">
                            <div class="spinner-border text-success " role="status">
                                <span class="sr-only">Loading...</span>
                            </div>
                        </div>
                        {!! $errors->first('estado','<div class="invalid-feedback">:message</div>') !!}
                    </div>
                </div>
                <div class="form-group">
                    <label for="estado"><strong>Ciudad</strong></label>
                    <input type="text" name="ciudad" class="form-control {{ $errors->has('ciudad') ? 'is-invalid' : '' }}" value="{{ $errors->has('ciudad') ? old('ciudad') : $ciudad->DXCIUDAD }}" placeholder="Ingrese el ciudad" value="{{ old('ciudad') }}" required autofocus>
                    {!! $errors->first('ciudad','<div class="invalid-feedback">:message</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="Actualizar">
                            <i class="fas fa-check"></i> Actualizar
                        </button>
                    </div>
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <a href="{{route('ciudad.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

@section('endscript')
 <script src="{{asset('js/city.js')}}"></script>
@endsection