@extends('layouts.login')
@section('title', 'Dashboard')
@section('content')
<div class="content-header row">
</div>
<div class="content-body">
    <section id="morris-charts">
        <div class="row">
            <div class="col-xl-3 col-lg-6 col-12">
                <div class="card">
                    <div class="card-content">
                        <div class="media align-items-stretch  bg-danger bg-darken-2 ">
                            <div class="p-2 text-center rounded-left align-self-center ">
                                <i class="icon-user font-large-2 text-white"></i>
                            </div>
                            <div class="pl-0 pr-2 pt-2 pb-2 bg-gradient-x-danger text-white media-body rounded-right">
                                <h4 class="text-white"></h4>
                                <button class="btn btn-info btn-lg btn-block" onClick="enterEmailModal('current_gs_admin_panel')">
                                    </i> Current GS panel login
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-12">
                <div class="card">
                    <div class="card-content">
                        <div class="media align-items-stretch  bg-danger bg-darken-2 ">
                            <div class="p-2 text-center rounded-left align-self-center ">
                                <i class="icon-user font-large-2 text-white"></i>
                            </div>
                            <div class="pl-0 pr-2 pt-2 pb-2 bg-gradient-x-danger text-white media-body rounded-right">
                                <h4 class="text-white"></h4>
                                <button class="btn btn-info btn-lg btn-block" id="new_gs_admin_panel" onClick="enterEmailModal('new_gs_admin_panel')">
                                    </i> New Gs panel login
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-12">
                <div class="card">
                    <div class="card-content">
                        <div class="media align-items-stretch  bg-danger bg-darken-2 ">
                            <div class="p-2 text-center rounded-left align-self-center ">
                                <i class="icon-user font-large-2 text-white"></i>
                            </div>
                            <div class="pl-0 pr-2 pt-2 pb-2 bg-gradient-x-danger text-white media-body rounded-right">
                                <h4 class="text-white"></h4>
                                <button class="btn btn-info btn-lg btn-block" id="parenting_admin_panel" onClick="enterEmailModal('parenting_admin_panel')">
                                    </i> Parenting panel login
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-12">
                <div class="card">
                    <div class="card-content">
                        <div class="media align-items-stretch  bg-danger bg-darken-2 ">
                            <div class="p-2 text-center rounded-left align-self-center ">
                                <i class="icon-user font-large-2 text-white"></i>
                            </div>
                            <div class="pl-0 pr-2 pt-2 pb-2 bg-gradient-x-danger text-white media-body rounded-right">
                                <h4 class="text-white"></h4>
                                <button class="btn btn-info btn-lg btn-block" id="mgs_website" onClick="enterEmailModal('mgs_website')">
                                    </i> Website panel login
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-12">
                <div class="card">
                    <div class="card-content">
                        <div class="media align-items-stretch  bg-danger bg-darken-2 ">
                            <div class="p-2 text-center rounded-left align-self-center ">
                                <i class="icon-user font-large-2 text-white"></i>
                            </div>
                            <div class="pl-0 pr-2 pt-2 pb-2 bg-gradient-x-danger text-white media-body rounded-right">
                                <h4 class="text-white"></h4>
                                <button class="btn btn-info btn-lg btn-block" id="yoga_admin_panel" onClick="enterEmailModal('yoga_admin_panel')">
                                    </i> Yoga panel login
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
@endsection
@section('jssection')
<script>
    function enterEmailModal(type) {
        $('#' + type).attr('disabled', true);
        $.ajax({
            url: "{{ route('enter-email-modal', ':type') }}".replace(':type', type),
            success: function (response) {
                $('#' + type).attr('disabled', false);
                if (response.status === 'success') {
                    window.open(response.redirect_url, "_blank");
                } else {
                    errorMessage(response.message);
                }
            },
            error: function (jqXHR, textStatus, errorThrown) {
                $('#' + type).attr('disabled', false);
                errorMessage(errorThrown);
            }
        });
    }
</script>
@endsection