@extends('layouts.main')

@section('content')
    <div class="card mb-4">
        <div class="card-body">

            <div id="div_pasos">

                <div><a type="buttom" href="{{ route('index') }}" class="btn btn-danger"><i class="fas fa-arrow-left"></i> Salir</a></div>

                {{-- PASO 6 --}}
                <div id="paso_6">
                    <h1 class="text-center h3 mb-0 text-gray-800">Sr/a {{ Session::get('name') }} en que podemos ayudarle: </h1>
                    <br>
                    <form action="{{ route('redirectMenu') }}" method="GET" id="form_menu">
                        @csrf
                        <div class="container">
                            <div class="form-check">
                                <input class="form-check-input" style="width:15px;height:15px" value="1"
                                    name="menu_opciones" type="radio">
                                <label class="form-check-label" style="font-size: 20px;">
                                    Agendamiento de citas
                                </label>
                            </div>
                        </div>
                        <div class="container">
                            <div class="form-check">
                                <input class="form-check-input" style="width:15px;height:15px" value="2"
                                    name="menu_opciones" type="radio">
                                <label class="form-check-label" style="font-size: 20px;">
                                    Cancelación de citas
                                </label>
                            </div>
                        </div>
                        <div class="container">
                            <div class="form-check">
                                <input class="form-check-input" style="width:15px;height:15px" value="3"
                                    name="menu_opciones" type="radio">
                                <label class="form-check-label" style="font-size: 20px;">
                                    Reasignación de citas
                                </label>
                            </div>
                        </div>
                        {{-- <div class="container">
                            <div class="form-check">
                                <input class="form-check-input" style="width:15px;height:15px" value="4"
                                    name="menu_opciones" type="radio">
                                <label class="form-check-label" style="font-size: 20px;">
                                    Atención con un Agente
                                </label>
                            </div>
                        </div> --}}
                        <br>
                    </form>

                    <div class="boton_sig">
                        <button type="button" id="btn_sig_paso_6" class="btn btn-danger">Siguiente</button>
                    </div>

                </div>

            </div>

        </div>
    </div>
@endsection

@section('scripts')
    <script src="{{ asset('js/funciones/menu.js') }}"></script>
@endsection