@extends('layouts.app')

@section('head-title','Servicios')

@section('content_title','Configuración del Servicio')

@section('content')
    <div class="row">
        @if (isset($currentService) && isset($services))
            <div class="row col-lg-12 mb-3">
                <h3>Selecciona el servicio al que deseas cambiar</h3>
            </div>

            <form action="{{ route('cancelaciones.validate.service.update') }}" method="put" autocomplete="off" class="row container" id="form">
                <div class="row col-lg-12">
                    <div class="form-group col-lg-4">
                        <select name="servicio" id="servicio" class="select2 form-control">
                            <option value="{{ $currentService->nombre }}" selected disabled>{{ $currentService->nombre }}</option>
                                @foreach($services as $servicio)
                                    <option value="{{ $servicio->nombre }}" {{ old('servicio') ? (old('servicio') == $key ? 'selected' : '') : '' }}>
                                        {{ (Auth::user()->servicio != null && Auth::user()->servicio != $servicio->nombre) ? $servicio->nombre : '' }}
                                    </option>
                                @endforeach
                        </select>
                    </div>
                </div>

                <div class="col-lg-12 align-content-center justify-content-center" id="form-errors"></div>

                <div class="form-group col-lg-12 align-content-center pt-2">
                    <button type="submit" onclick="event.preventDefault(); store($('#form'));"
                        class="btn btn-primary">Cargar servicio</button>
                </div>
            </form>
        @else
            <div class="row col-lg-12 mb-3">
                <h3>Antes de continuar debes seleccionar el servicio a utilizar</h3>
            </div>

            <form action="{{ route('cancelaciones.validate.user') }}" method="put" autocomplete="off" class="row container" id="form">
                <div class="row col-lg-12">
                    <div class="form-group col-lg-4">
                        <select name="servicio" id="servicio" class="select2 form-control">
                            <option value="" selected disabled>SELECCIONE...</option>
                                @foreach($enable_services as $servicio)
                                    <option value="{{ $servicio->nombre }}" {{ old('servicio') ? (old('servicio') == $key ? 'selected' : '') : '' }}> {{ $servicio->nombre }} </option>
                                @endforeach
                        </select>
                    </div>
                </div>

                <div class="col-lg-12 align-content-center justify-content-center" id="form-errors"></div>

                <div class="form-group col-lg-12 align-content-center pt-2">
                    <button type="submit" onclick="event.preventDefault(); store($('#form'));"
                        class="btn btn-primary">Cargar servicio</button>
                </div>
            </form>
        @endif

    </div>
@endsection

@section('more_scripts')
    <script>

    </script>
@endsection