@extends('layouts.index', ['nombre_titulo' => 'Home'])

@section('btns')
@endsection

@section('content')
    <div class="row g-6 g-xl-9 mb-6 mb-xl-9">
        @if ($moduloDrive || $moduloCalendario || $moduloChat || $moduloDocx || $moduloExcel || $moduloProyecto)
            @if ($moduloDrive)
                <!--begin::Col-->
                <div class="col-md-6 col-lg-4 col-xl-3">
                    <!--begin::Card-->
                    <div class="card h-100 card-style ">
                        <!--begin::Card body-->
                        <div class="card-body d-flex justify-content-center text-center flex-column p-8">
                            <!--begin::Name-->
                            <a href="{{ route('drive.index') }}" class="text-gray-800 text-hover-primary d-flex flex-column">
                                <!--begin::Image-->
                                <div class="">
                                    <img src="{{ asset('assets/media/logos/Drive.png') }}" alt="" class="img-fluid">
                                </div>
                                <!--end::Image-->

                                <!--begin::Title-->
                                <div class="fs-2 fw-bold mt-5">
                                    Drive
                                </div>
                                <!--end::Title-->
                            </a>
                            <!--end::Name-->
                        </div>
                        <!--end::Card body-->
                    </div>
                    <!--end::Card-->
                </div>
                <!--end::Col-->
            @endif

            @if ($moduloCalendario)
                <!--begin::Col-->
                <div class="col-md-6 col-lg-4 col-xl-3">
                    <!--begin::Card-->
                    <div class="card h-100 card-style ">
                        <!--begin::Card body-->
                        <div class="card-body d-flex justify-content-center text-center flex-column p-8">
                            <!--begin::Name-->
                            <a href="{{ route('calendario.index') }}"
                                class="text-gray-800 text-hover-primary d-flex flex-column">
                                <!--begin::Image-->
                                <div class="">
                                    <img src="{{ asset('assets/media/logos/Calendario.png') }}" alt=""
                                        class="img-fluid">
                                </div>
                                <!--end::Image-->

                                <!--begin::Title-->
                                <div class="fs-2 fw-bold mt-5">
                                    Calendario
                                </div>
                                <!--end::Title-->
                            </a>
                            <!--end::Name-->
                        </div>
                        <!--end::Card body-->
                    </div>
                    <!--end::Card-->
                </div>
                <!--end::Col-->
            @endif

            @if ($moduloProyecto)
                <!--begin::Col-->
                <div class="col-md-6 col-lg-4 col-xl-3">
                    <!--begin::Card-->
                    <div class="card h-100 card-style ">
                        <!--begin::Card body-->
                        <div class="card-body d-flex justify-content-center text-center flex-column p-8">
                            <!--begin::Name-->
                            <a href="{{ route('project.index') }}"
                                class="text-gray-800 text-hover-primary d-flex flex-column">
                                <!--begin::Image-->
                                <div class="">
                                    <img src="{{ asset('assets/media/logos/proyectos.png') }}" alt=""
                                        class="img-fluid">
                                </div>
                                <!--end::Image-->

                                <!--begin::Title-->
                                <div class="fs-2 fw-bold mt-5">
                                    Proyectos
                                </div>
                                <!--end::Title-->
                            </a>
                            <!--end::Name-->
                        </div>
                        <!--end::Card body-->
                    </div>
                    <!--end::Card-->
                </div>
                <!--end::Col-->
            @endif

            @if ($moduloDocx)
                <!--begin::Col-->
                <div class="col-md-6 col-lg-4 col-xl-3">
                    <!--begin::Card-->
                    <div class="card h-100 card-style ">
                        <!--begin::Card body-->
                        <div class="card-body d-flex justify-content-center text-center flex-column p-8">
                            <!--begin::Name-->
                            <a href="#" class="text-gray-800 text-hover-primary d-flex flex-column">
                                <!--begin::Image-->
                                <div class="">
                                    <img src="{{ asset('assets/media/logos/Word.png') }}" alt="" class="img-fluid">
                                </div>
                                <!--end::Image-->

                                <!--begin::Title-->
                                <div class="fs-2 fw-bold mt-5">
                                    Documentos
                                </div>
                                <!--end::Title-->
                            </a>
                            <!--end::Name-->
                        </div>
                        <!--end::Card body-->
                    </div>
                    <!--end::Card-->
                </div>
                <!--end::Col-->
            @endif

            @if ($moduloExcel)
                <!--begin::Col-->
                <div class="col-md-6 col-lg-4 col-xl-3">
                    <!--begin::Card-->
                    <div class="card h-100 card-style ">
                        <!--begin::Card body-->
                        <div class="card-body d-flex justify-content-center text-center flex-column p-8">
                            <!--begin::Name-->
                            <a href="#" class="text-gray-800 text-hover-primary d-flex flex-column">
                                <!--begin::Image-->
                                <div class="">
                                    <img src="{{ asset('assets/media/logos/excel.png') }}" alt="" class="img-fluid">
                                </div>
                                <!--end::Image-->

                                <!--begin::Title-->
                                <div class="fs-2 fw-bold mt-5">
                                    Excel
                                </div>
                                <!--end::Title-->
                            </a>
                            <!--end::Name-->
                        </div>
                        <!--end::Card body-->
                    </div>
                    <!--end::Card-->
                </div>
                <!--end::Col-->
            @endif

            @if ($moduloChat)
                <!--begin::Col-->
                <div class="col-md-6 col-lg-4 col-xl-3">
                    <!--begin::Card-->
                    <div class="card h-100 card-style ">
                        <!--begin::Card body-->
                        <div class="card-body d-flex justify-content-center text-center flex-column p-8">
                            <!--begin::Name-->
                            <a href="{{ route('chats.index') }}"
                                class="text-gray-800 text-hover-primary d-flex flex-column">
                                <!--begin::Image-->
                                <div class="">
                                    <img src="{{ asset('assets/media/logos/Chat.png') }}" alt="" class="img-fluid">
                                </div>
                                <!--end::Image-->

                                <!--begin::Title-->
                                <div class="fs-2 fw-bold mt-5">
                                    Chat
                                </div>
                                <!--end::Title-->
                            </a>
                            <!--end::Name-->

                            {{-- <!--begin::Description-->
                        <div class="fs-7 fw-semibold text-gray-500">
                            0 files </div>
                        <!--end::Description--> --}}
                        </div>
                        <!--end::Card body-->
                    </div>
                    <!--end::Card-->
                </div>
                <!--end::Col-->
            @endif
            <!--begin::Col-->
            <div class="col-md-6 col-lg-4 col-xl-3">
                <!--begin::Card-->
                <div class="card h-100 card-style ">
                    <!--begin::Card body-->
                    <div class="card-body d-flex justify-content-center text-center flex-column p-8">
                        <!--begin::Name-->
                        <a href="https://sheets.google.com" target="_blank"
                            class="text-gray-800 text-hover-primary d-flex flex-column">
                            <!--begin::Image-->
                            <div class="">
                                <img src="{{ asset('img/logos/google_sheet.png') }}" width="100%">
                            </div>
                            <!--end::Image-->
                        </a>
                        <!--end::Name-->
                    </div>
                    <!--end::Card body-->
                </div>
                <!--end::Card-->
            </div>
            <!--end::Col-->
            <!--begin::Col-->
            <div class="col-md-6 col-lg-4 col-xl-3">
                <!--begin::Card-->
                <div class="card h-100 card-style ">
                    <!--begin::Card body-->
                    <div class="card-body d-flex justify-content-center text-center flex-column p-8">
                        <!--begin::Name-->
                        <a href="https://docs.google.com" target="_blank"
                            class="text-gray-800 text-hover-primary d-flex flex-column">
                            <!--begin::Image-->
                            <div class="">
                                <img src="{{ asset('img/logos/google_docs.png') }}" width="100%">
                            </div>
                            <!--end::Image-->
                        </a>
                        <!--end::Name-->
                    </div>
                    <!--end::Card body-->
                </div>
                <!--end::Card-->
            </div>
            <!--end::Col-->
            <!--begin::Col-->
            <div class="col-md-6 col-lg-4 col-xl-3">
                <!--begin::Card-->
                <div class="card h-100 card-style ">
                    <!--begin::Card body-->
                    <div class="card-body d-flex justify-content-center text-center flex-column p-8">
                        <!--begin::Name-->
                        <a href="https://slides.google.com" target="_blank"
                            class="text-gray-800 text-hover-primary d-flex flex-column">
                            <!--begin::Image-->
                            <div class="">
                                <img src="{{ asset('img/logos/google_presentaciones.png') }}" width="100%">
                            </div>
                            <!--end::Image-->
                        </a>
                        <!--end::Name-->
                    </div>
                    <!--end::Card body-->
                </div>
                <!--end::Card-->
            </div>
            <!--end::Col-->
            <!--begin::Col-->
            <div class="col-md-6 col-lg-4 col-xl-3">
                <!--begin::Card-->
                <div class="card h-100 card-style ">
                    <!--begin::Card body-->
                    <div class="card-body d-flex justify-content-center text-center flex-column p-8">
                        <!--begin::Name-->
                        <a href="https://forms.google.com" target="_blank"
                            class="text-gray-800 text-hover-primary d-flex flex-column">
                            <!--begin::Image-->
                            <div class="">
                                <img src="{{ asset('img/logos/google_form.png') }}" width="100%">
                            </div>
                            <!--end::Image-->
                        </a>
                        <!--end::Name-->
                    </div>
                    <!--end::Card body-->
                </div>
                <!--end::Card-->
            </div>
            <!--end::Col-->
        @else
            <div class="text-center">
                <h1>No cuenta con modulos disponobles.</h1>
            </div>
        @endif
    </div>
@endsection

@section('scripts')
    <script src="{{ mix('js/home.js') }}"></script>
@endsection