@extends('template.home.index')
@section('title',  trans('soporte.soporte_title'))

@section('style')

@endsection

@section('content')
<br>
<div class="container-fluid">
    <div class="row align-items-center justify-content-md-center">
      <div class="col-md-4">
        <div class="content_login">
            <form action="" id="formTurnos">
                <div class="row">
                    <div class="col-md-12">
                        <div class="text-center">
                            <h6>{{ trans('auth.txt_generate_turno') }}</h6>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="documento">{{  trans('auth.documento') }}</label>
                            <input type="text" class="form-control" name="documento" id="documento" placeholder="{{  trans('auth.documento') }}">
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="documento">{{  trans('auth.contra') }}</label>
                            <input type="password" class="form-control" name="password" id="password" placeholder="{{  trans('auth.contra') }}">
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="row">
                            <div class="col">
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="turno" id="flexRadioDefault1" value="entrada" checked>
                                    <label class="form-check-label" for="flexRadioDefault1">
                                        {{ trans('auth.entrada') }}
                                    </label>
                                </div>
                            </div>
                              <div class="col">
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="turno" id="flexRadioDefault2"  value="salida">
                                    <label class="form-check-label" for="flexRadioDefault2">
                                        {{ trans('auth.salida') }}
                                    </label>
                                  </div>
                              </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <br>
                        <button type="button" class="btn btn-light btn-block" onclick="generateTurn()">{{  trans('auth.generate_turno') }}</button>
                    </div>
                </div>
            </form>
        </div>
      </div>
    </div>
</div>
{{-- <div class="row">
    <div class="col"></div>
    <div class="col-md-4">
        <div class="card">
            <div class="card-header">
                <div class="text-center">
                    Registro de turnos
                </div>
            </div>
            <div class="card-text">
                <div class="col-md-12">

                </div>
            </div>
        </div>
    </div>
    <div class="col"></div>
</div> --}}

@endsection

@section('js')
    <script>
        function generateTurn() {
            var formData = new FormData(document.getElementById("formTurnos"));
            var UrlPath_ = UrlHost_ + "/turnos/generateTurn";
            $.ajax({
                type: 'POST',
                url: UrlPath_,
                dataType: 'json',
                data: formData,
                processData: false,
                contentType: false,
                cache: false,
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                beforeSend: function () {
                    $(".content_loading").fadeIn("slow");
                },
                success: function (response) {
                $("#idAddAddressMap").empty();
                if (response.code == 200) {
                    $(".content_loading").fadeOut("slow");
                    $('#formTurnos')[0].reset()
                    swal({
                        title:  trans('js.success.muy_bien'),
                        text: response.message,
                        icon: "success",
                    });

                } else {
                    $(".content_loading").fadeOut("slow");

                    swal({
                    title: "Oops!",
                    text:  response.message,
                    icon: "warning",
                    });
                }
                },
                error: function (xhr) {
                $(".content_loading").fadeOut("slow");
                swal({
                    title: "Oops!",
                    text: xhr.responseJSON.message,
                    icon: "warning",
                });
                }
            });
        }
    </script>
@endsection