@extends('layouts.app')

@push('head')
    <link href="{{ asset('css/vendor/select2.min.css') }}" rel="stylesheet"/>
@endpush

@section('content')
    <div class="bgc-white p-20 bd">
        <form action="{{ route('anexos-actualizados.contactos.update', ['id' => $contacto->id]) }}" method="post">
            @csrf
            @method('PUT')
            <h2>Editar Contacto</h2>

            <div class="card mb-3">
                <div class="card-body">
                    <b-form-group horizontal label="Funcionario">
                        <select class="js-example-basic-single form-control" name="funcionario_id" required>
                            @foreach($usuarios as $usuario)
                                @if(old('funcionario_id', $contacto->funcionario_id) === $usuario->id)
                                    <option selected value="{{ $usuario->id }}">{{ $usuario->full_name }}</option>
                                @else
                                    <option value="{{ $usuario->id }}">{{ $usuario->full_name }}</option>
                                @endif
                            @endforeach
                        </select>

                        @error('funcionario_id')
                        <div class="text-danger">
                            <strong>{{ $message }}</strong>
                        </div>
                        @endif
                    </b-form-group>

                    <b-form-group horizontal label="Nombre Completo">
                        <input id="nombre_completo" name="nombre_completo" type="text" class="form-control"
                               value="{{ old('nombre_completo', $contacto->nombre_completo) }}">

                        @if($errors->has('nombre_completo'))
                            <div class="text-danger">
                                <strong>{{ $errors->first('nombre_completo') }}</strong>
                            </div>
                        @endif
                    </b-form-group>

                    <b-form-group horizontal label="Cargo">
                        <input id="cargo" name="cargo" type="text" class="form-control"
                               value="{{ old('cargo', $contacto->cargo) }}">

                        @if($errors->has('cargo'))
                            <div class="text-danger">
                                <strong>{{ $errors->first('cargo') }}</strong>
                            </div>
                        @endif
                    </b-form-group>

                    <b-form-group horizontal label="Unidad">
                        <input id="unidad" name="unidad" type="text" class="form-control"
                               value="{{ old('unidad', $contacto->unidad) }}">

                        @if($errors->has('unidad'))
                            <div class="text-danger">
                                <strong>{{ $errors->first('unidad') }}</strong>
                            </div>
                        @endif
                    </b-form-group>

                    <b-form-group horizontal label="Ubicación">
                        <input id="ubicacion" name="ubicacion" type="text" class="form-control"
                               value="{{ old('ubicacion', $contacto->ubicacion) }}">

                        @if($errors->has('ubicacion'))
                            <div class="text-danger">
                                <strong>{{ $errors->first('ubicacion') }}</strong>
                            </div>
                        @endif
                    </b-form-group>

                    <b-form-group horizontal label="Telefono">
                        <input id="telefono" name="telefono" type="text" class="form-control"
                               value="{{ old('telefono', $contacto->telefono) }}">

                        @if($errors->has('telefono'))
                            <div class="text-danger">
                                <strong>{{ $errors->first('telefono') }}</strong>
                            </div>
                        @endif
                    </b-form-group>

                    <b-form-group horizontal label="Anexo">
                        <input id="anexo" name="anexo" type="text" class="form-control"
                               value="{{ old('anexo', $contacto->anexo) }}">

                        @if($errors->has('anexo'))
                            <div class="text-danger">
                                <strong>{{ $errors->first('anexo') }}</strong>
                            </div>
                        @endif
                    </b-form-group>

                    <b-form-group horizontal label="Correo">
                        <textarea name="correo" id="correo" cols="30"
                                  class="form-control"
                                  rows="10">{{ old('correo', $contacto->correo) }}</textarea>

                        @if($errors->has('correo'))
                            <div class="text-danger">
                                <strong>{{ $errors->first('correo') }}</strong>
                            </div>
                        @endif
                    </b-form-group>
                </div>

                <div class="card-footer">
                    <div class="d-flex justify-content-end">
                        <button class="btn btn-primary">Guardar</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection

@push('post-scripts')
    <script src="{{ asset('js/vendor/select2.min.js') }}"></script>
    <script>
        $(document).ready(function () {
            $('.js-example-basic-single').select2();
        });
    </script>
@endpush