@extends('layout/ace')

@section('breadcrumbs')
    {{ Breadcrumbs::render('KompanijeShow', $company) }}
@endsection

@section('title', "Kompanije | " . htmlspecialchars_decode($company->name))

@section('content')
<div class="row">

    <div class="col-12 user-header">

        <h2 class="user-name">{!! htmlspecialchars_decode($company->name) !!}</h2>
        <div class="user-info">
            <ul>
                <li><i class="fa fa-map-marker"></i> {{ $company->address }}</li>
                @foreach ($company->currentRoles as $role)
                    @if ($role->id != 1)
                        <li><i class="fa fa-building"></i> {{ $company->employees_count }} zaposlenih</li>
                    @endif
                @endforeach
                <li><i class="fa fa-chalkboard-teacher"></i> {{ $company->teachers_count }} predavača</li>
            </ul>
        </div>
    </div>
    <!-- user-header end -->
    <div class="col-12 user-options" wire:ignore>
        <div class="button-slider-container">
            <div class="button-slider">
                <a href="{{ route('cms.company.edit', $company->id) }}" class="btn btn-sm btn-success"><i class="fa fa-edit"></i> Izmeni</a>
                @if ($owner && ($owner->status == 1) && ($owner->suspend == 0))
                    <a href="{{ route('cms.act-like-user', $owner->id) }}" target="_blank" class="btn btn-sm btn-success"><i class="fa fa-sign-in-alt"></i> Uloguj se kao vlasnik</a>
                @endif
                <a
                    class="btn btn-sm btn-magenta" target="_blank"
                    href="{{ route('cms.company.show_employees', ['company' => $company]) }}">
                    <i class="fa fa-users"></i> Svi korisnici
                </a>
                @if(in_array(2, $company->currentRoles->pluck('id')->toArray()))
                    <a class="btn btn-sm btn-primary" id="showAddPackage"><i class="fa fa-plus"></i> Dodaj paket</a>
                @endif
                <a class="btn btn-sm btn-success" id="showAddUsers"><i class="fa fa-plus"></i> Dodaj korisnika</a>
                {{-- <a class="btn btn-sm btn-success" id="showEnrollePackage"><i class="fa fa-plus"></i> Upiši subscribe</a> --}}
                <a class="btn btn-sm btn-success" id="btnOpenCompanyEnrollSubscribeModal"><i class="fa fa-plus"></i> Upiši pretplatu</a>
                <form action="{{ route('cms.company.active_users_export', ['company' => $company->id]) }}">
                    <button type="submit" class="btn btn-sm btn-success"><i class="fa fa-excel"></i> Exportuj aktivne korisnike</button>
                </form>
            </div>
        </div>
    </div>
    <x-add-package :company="$company" :packages="$packages" :subscriptionTypes="$subscriptionTypes"></x-add-package>
    <!-- user-options end -->
    <x-add-user :users="$users" :company="$company"></x-add-user>

    {{-- <x-enroll-subscribe-package :company="$company"></x-enroll-subscribe-package> --}}

    <div class="col-12 col-lg-3 user-data" >
        <div class="h-100 bgc-white pt-0 radius-1 shadow-sm mx-auto">
            <div class="w-100 brc-info-tp2 radius-t-1"></div>

            <div class="card h-100 border-0">

                <div class="card-body h-100 d-flex flex-column justify-content-start py-3 px-3 border-0">

                    <div class="user-image">
                        @if ($company->img_120x50)
                            <img src="{{ asset('storage/' . $company->img_120x50 ) }}" alt="{{ htmlspecialchars_decode($company->name) }}"/>
                        @endif
                    </div>
                    <!-- user-image end -->
                    @foreach ($company->currentRoles as $role)
                        @if ($role->id == 2)
                            <h3 class="title">Info o kompaniji</h3>
                            <ul>
                                <li><i class="fa fa-chalkboard-teacher"></i> Zaposlenih ({{ $company->employees_count }})</li>
                                <li><i class="fa fa-graduation-cap"></i> Aktivirani nalozi <span class='text-success'>{{ $company->active_employees_count }}</span></li>
                                <li><i class="fa fa-graduation-cap"></i> Aktivni nalozi <span class='text-success'>{{ $company->employees_with_action_count }}</span></li>
                                <li><i class="fa fa-graduation-cap"></i> Ima licencu <span class='text-success'>{{ $company->employees_with_active_licence_count }}</span></li>
                            </ul>
                        @endif
                        @if ($role->id == 1)
                            <h3 class="title">Info o vendoru</h3>
                            <ul>
                                <li><i class="fa fa-chalkboard-teacher"></i> Predavača ({{ $company->teachers_count }})</li>
                                <li><i class="fa fa-graduation-cap"></i> Kurseva (0)</li>
                            </ul>
                        @endif
                    @endforeach

                    <h3 class="title">Kontakt</h3>
                    <ul>
                        <li><i class="fa fa-phone"></i> {{ $company->phone }}</li>
                        <li><i class="fa fa-envelope"></i> {{ $company->email }}</li>
                    </ul>

                    <h3 class="title">Adresa</h3>
                    <ul>
                        <li><i class="fa fa-home"></i> {{ $company->address }}</li>
                    </ul>

                    @foreach ($company->currentRoles as $role)
                        @if ($role->id == 1)
                            <h3 class="title">Naziv</h3>
                            <ul>
                                <li><i class="fa fa-home"></i> {{ htmlspecialchars_decode($company->name) }}</li>
                            </ul>
                        @endif
                    @endforeach

                    {{-- <h3 class="title">Društvene mreže</h3>
                    <ul>
                        <li>
                            <i class="fab fa-facebook-f"></i>
                            <a href="https://www.facebook.com/Jovanovic.Svetomir" target="_blank">www.facebook.com</a>
                        </li>
                        <li>
                            <i class="fab fa-twitter"></i>
                            <a href="https://twitter.com/svetomirkrojac" target="_blank">twitter.com</a>
                        </li>
                        <li>
                            <i class="fab fa-linkedin"></i>
                            <a href="https://www.linkedin.com/in/svetomirjovanovic" target="_blank">www.linkedin.com</a>
                        </li>
                    </ul> --}}

                    <h3 class="title">O kompaniji</h3>
                    <p>{{ $company->description }}</p>

                </div><!-- card-body end -->
            </div><!-- .card -->
        </div><!-- h-100 end -->
    </div><!-- /.col -->

    <div class="col-12 col-lg-9">
        <div class="bgc-white pt-0 radius-1 shadow-sm mx-auto">
            <div class="w-100 brc-info-tp2 radius-t-1"></div>

            <div class="card h-100 border-0">

                <div class="card-body h-100 d-flex flex-column justify-content-start py-3 px-3 border-0">

                    <!-- tabs -->
                    <div class="tabs-above">
                        <!-- nav-tabs -->
                        <ul class="nav nav-tabs nav-justified" role="tablist">
                            @if (in_array((new App\Services\CompanyRoleService)->getVendorRoleId(), $company->roles->pluck('id')->toArray()))
                                <li class="nav-item">
                                    <a class="nav-link active radius-0" id="vendor-tables" data-toggle="tab" href="#vendor-tables-tab" role="tab" aria-controls="vendor-tables-tab" aria-selected="true">
                                        Tabela vendora
                                    </a>
                                </li>
                            @endif
                            @if (in_array((new App\Services\CompanyRoleService)->getCompanyRoleId(), $company->roles->pluck('id')->toArray()))
                                <li class="nav-item">
                                    <a
                                        class="nav-link radius-0 @if (!in_array((new App\Services\CompanyRoleService)->getVendorRoleId(), $company->roles->pluck('id')->toArray())) active @endif"
                                        id="company-tables"
                                        data-toggle="tab"
                                        href="#company-tables-tab"
                                        role="tab"
                                        aria-controls="company-tables-tab"
                                        aria-selected="false">
                                        Tabela kompanije
                                    </a>
                                </li>
                            @endif
                        </ul>
                        <div class="tab-content rounded-bottom">
                            @foreach ($company->roles as $role)
                                @if ($role->id == (new App\Services\CompanyRoleService)->getVendorRoleId())
                                    <div class="tab-pane fade @if (in_array((new App\Services\CompanyRoleService)->getVendorRoleId(), $company->roles->pluck('id')->toArray())) show active @endif" id="vendor-tables-tab" role="tabpanel" aria-labelledby="vendor-tables-tab" aria-selected="true">
                                        @include('cms.company.partials.vendor_tables')
                                    </div>
                                @endif
                                @if ($role->id == (new App\Services\CompanyRoleService)->getCompanyRoleId())
                                    <div class="tab-pane fade @if (!in_array((new App\Services\CompanyRoleService)->getVendorRoleId(), $company->roles->pluck('id')->toArray())) show active @endif" id="company-tables-tab" role="tabpanel" aria-labelledby="company-tables-tab" aria-selected="true">
                                        @include('cms.company.partials.company_tables')
                                    </div>
                                @endif
                            @endforeach
                        </div>

                    </div>
                    <!-- tabs-above end -->

                </div><!-- card-body end -->
            </div><!-- .card -->
        </div><!-- h-100 end -->
    </div><!-- /.col -->

</div><!-- .row -->

<x-delete-modal></x-delete-modal>
@livewire('company-enroll-subscribe', ['company' => $company])
@livewire('show-bought-subscribe', ['company' => $company])
@endsection

@section('scripts')
    @parent
    <script>
        $("a[name=show_bought_subscribe]").on('click', (e) => {
            e.preventDefault();
            const company_package_id = $(e.target).data('company_package_id');
            Livewire.emit('changeBoughtSubscribe', company_package_id);
            $('#boughtSubscribeModal').modal('show');
        });

        $("#boughtSubscribeModal").on("hidden.bs.modal", () => {
            Livewire.emit('refreshComponent');
        });

        $("#btnOpenCompanyEnrollSubscribeModal").on('click', (e) => {
            e.preventDefault();
            $('#companyEnrollSubscribeModal').modal('show');
        });

        let deleteUserRoute = '';
        $(document).on('click', '.delete-employee', function(e) {
            e.preventDefault();
            deleteUserRoute = $(this).attr('href');

            $("#deleteModal").modal('show');
        });
        $(document).on('click', '#btn-delete-route', function(e) {
            e.preventDefault();

            if(deleteUserRoute != '') {
                $.ajax({
                    type: "DELETE",
                    url: deleteUserRoute,
                    success: function (response) {
                        location.reload();
                    },
                    error: function (error) {
                        alert("Greska pri brisanju")
                    }
                });
            }

            deleteUserRoute = '';
        });
        //Ovde na zatvaranje modala obrisati vrednosti ove dve promenljive
    </script>
    <script>
        $(document).on('click', '#btn-show-company-employees', (e) => {
            e.preventDefault();
            window.open(route('cms.company.show_employees', {{ $company->id }}), "_blank");
        });
    </script>
    {{-- <script>
        const resendActivationMail = (lms_user_id) => {
            $.ajax({
                type: "POST",
                url: route('cms.lms_user.invitation_mail.resend', lms_user_id),
                success: function (response) {
                    acMessages(response.message, 'success');
                    setTimeout(() => {
                        checkForMailsSendCount();
                    }, 3000);
                },
                error: function (error) {
                    acMessages("Greška prilikom ponovnog slanja mail-a za aktivaciju.", 'error');
                }
            });
        }

        const checkForMailsSendCount = () => {
            $.ajax({
                type: "GET",
                url: route('cms.lms_user.invitation_mail_count', route().params.company),
                success: function (response) {
                    writeActivationMailsCount(response.data);
                }
            });
        }

        const writeActivationMailsCount = (data) => {
            data.forEach(element => {
                const activationMailCountElements = document.querySelectorAll(`span.activation-mail-count`);
                activationMailCountElements.forEach(activationMailCountElement => {
                    if(activationMailCountElement.dataset.lms_user_id == element.lms_user_id) {
                        activationMailCountElement.innerHTML = element.activation_mail_sent_count
                    }
                });
            });
        }

        document.querySelectorAll(".btn-resend-mail").forEach((element) => {
            element.addEventListener('click', (e) => {
                e.preventDefault();
                resendActivationMail(e.currentTarget.dataset.lms_user_id);
            });
        });
    </script> --}}

    <script>
        
        // $(document).on('change', '#search_courses', (event) => {
        //     console.log("🚀 ~ file: subscribe-package-courses.blade.php:126 ~ $ ~ event:", event.key)
        //     event.preventDefault();
        //     Livewire.emit('searchCourses');
        // });
        
        // $(document).on('click', '#btn-search-courses', (event) => {
        //     console.log("🚀 ~ file: subscribe-package-courses.blade.php:131 ~ $ ~ event:", event)
        //     event.preventDefault();
        //     Livewire.emit('searchCourses');
        // });
    </script>
@endsection