@extends('template.layoutAdmin', ['activeButton'=>''])

@section('title')
{{ trans('suscribe.title') }}
@endsection

@section('cabecera')
    <h1>
      {{ trans('suscribe.title') }}


      <small>{{ trans('suscribe.smallcabecera') }}</small>
    </h1>
@endsection

@section('contenido')
<div class="row">
    <div class="col-xl-12" >
        <div class="box" >
            <div class="box-header">
                <div class="row">
                    <div class="col-md-6">
                        <h5 class="box-title text-uppercase text-muted mb-2">{{ trans('suscribe.headerbox') }}

                        </h5>
                    </div>
                </div>
            </div>
            <div class="box-body">
                <div class="row">
                    <div class="col-md-2"></div>
                    <div class="col-md-8">
                        <div class="text-center">


                            <div class="row">
                                <div class="col-md-12">
                                    <ul class="sidebar-menu tree">
                                        <li class="nav-item">
                                            <div class="row">
                                                <div class="col-md-4 text-left"></div>
                                                <div class="col-md-4">
                                                    <h3>{{ trans('suscribe.standar') }}</h3>
                                                </div>
                                                <div class="col-md-4">
                                                    <h3>{{ trans('suscribe.premium') }}</h3>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="nav-item">
                                            <div class="row">
                                                <div class="col-md-4 text-left">Creacion de productos</div>
                                                <div class="col-md-4">
                                                    <i class="fa fa-check" aria-hidden="true"></i>
                                                </div>
                                                <div class="col-md-4">
                                                    <i class="fa fa-check" aria-hidden="true"></i>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="nav-item">
                                            <div class="row">
                                                <div class="col-md-4 text-left">Creacion de Eventos</div>
                                                <div class="col-md-4">
                                                    <i class="fa fa-times" aria-hidden="true"></i>
                                                </div>
                                                <div class="col-md-4">
                                                    <i class="fa fa-times" aria-hidden="true"></i>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="nav-item">
                                            <div class="row">
                                                <div class="col-md-4 text-left">Creacion de Promociones</div>
                                                <div class="col-md-4">
                                                    <i class="fa fa-times" aria-hidden="true"></i>
                                                </div>
                                                <div class="col-md-4">
                                                    <i class="fa fa-times" aria-hidden="true"></i>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="nav-item">
                                            <div class="row">
                                                <div class="col-md-4 text-left">Configuracion de facturacion</div>
                                                <div class="col-md-4">
                                                    <i class="fa fa-times" aria-hidden="true"></i>
                                                </div>
                                                <div class="col-md-4">
                                                    <i class="fa fa-times" aria-hidden="true"></i>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="nav-item">
                                            <div class="row">
                                                <div class="col-md-4 text-left">Creacion de productos</div>
                                                <div class="col-md-4">
                                                    <i class="fa fa-times" aria-hidden="true"></i>
                                                </div>
                                                <div class="col-md-4">
                                                    <i class="fa fa-times" aria-hidden="true"></i>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="nav-item">
                                            <div class="row">
                                                <div class="col-md-4 text-left"></div>
                                                <div class="col-md-4">
                                                    @if (!Auth::user()->isPremium())
                                                        <div>
                                                            <a href="javascript:;" class="btn btn-success disabled" >
                                                                {{ trans('suscribe.yaStandar') }}
                                                            </a>
                                                        </div>
                                                    @else
                                                        <div>
                                                            <a href="javascript:;" class="btn btn-success disabled" >
                                                                {{ trans('suscribe.btnStandar') }}
                                                            </a>
                                                        </div>
                                                    @endif
                                                </div>
                                                <div class="col-md-4">
                                                    @if (Auth::user()->isPremium())
                                                        <div>
                                                            <a href="javascript:;" class="btn btn-success disabled" >
                                                                {{ trans('suscribe.btnPremium') }}
                                                            </a>
                                                        </div>
                                                        <small class="text-warning">{{ trans('suscribe.yaPremium') }}</small>
                                                    @else
                                                        <div>
                                                            <a href="javascript:;" class="btn btn-success" onclick="suscribe()">
                                                                {{ trans('suscribe.btnPremium') }}
                                                            </a>
                                                        </div>
                                                    @endif
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="col-md-2"></div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('js')
    <script>
        function suscribe() {
            swal({
                title: '{{ trans("suscribe.msgTitle") }}',
                text: '{{ trans("suscribe.msgBody") }}',
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#0b4889",
                cancelButtonColor: "#EE0404",
                confirmButtonText: " {{  trans('restaurantes.aceptar') }}	 ",
                cancelButtonText: " {{  trans('restaurantes.cancelar') }}	",
            },
            function(isConfirm) {
                if (isConfirm) {
                    $.ajax({
                        url: UrlHost_+"/administrator/suscribe",
                        type: 'post',
                        dataType: 'json',
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        // beforeSend: function () {
                        //     swal({
                        //         title: " {{  trans('reservas.cargando') }} ",
                        //         text: " {{  trans('reservas.espereUnMomento') }} ",
                        //         showConfirmButton: false
                        //     });
                        // },
                        success: function(response){
                            if (response.code == 200) {
                                window.location.reload();
                            }else{
                                swal("Error!", response.message, "info");
                            }
                            swal.close();
                        },
                        error: function(xhr){
                            swal("Error!", xhr.message, "error");
                        }
                    });
                } else {
                    //  swal("Cancelled", "Your imaginary file is safe :)", "error");
                    swal.close();
                }
            });
        }
    </script>
@endsection