@extends('layout/ace')

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

@section('title')
    Kompanije | {{ htmlspecialchars_decode($company->name) }}
@endsection

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

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

        <h2 class="user-name">{{ htmlspecialchars_decode($company->name) }} {{--(1.253.745,00 rsd)--}}</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>
                <a href="#" class="btn btn-sm btn-success"><i class="fa fa-sign-in-alt"></i> Uloguj se kao vlasnik</a>
                <a class="btn btn-sm btn-magenta"><i class="fa fa-envelope"></i> Pošalji poruku vlasniku</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> --}}
                @if ($packages->count() != 0)
                    <form action="{{ route('cms.demo.add_packages') }}" method="post">
                        @csrf
                        <input type="hidden" name="package_ids" value="{{ implode(',', $packages->pluck('id')->toArray()) }}">
                        <button type="submit" class="btn btn-sm btn-primary"><i class="fa fa-plus"></i> Dodaj pakete</button>
                    </form>
                    {{-- Ukoliko je broj paketa koje korisnik ima upisane razliciti od ukupnog broja paketa kompanije --}}

                @elseif($company->employees->first()->enrollments->pluck('package_id')->unique()->count() != $demoPackages->pluck('id')->count())
                    @php
                        $packageToEnroll = $demoPackages->pluck('id')->filter(function($element) use($company) {
                            if(!in_array($element, $company->employees->first()->enrollments->pluck('package_id')->unique()->toArray())){
                                return $element;
                            }
                        })->toArray();
                    @endphp
                    <form action="{{ route('cms.demo.add_packages_to_users') }}" method="post">
                        @csrf
                        <input type="hidden" name="package_ids" value="{{ implode(',', $packageToEnroll) }}">
                        <button type="submit" class="btn btn-sm btn-primary"><i class="fa fa-plus"></i> Dodaj pakete korisnicima</button>
                    </form>
                @endif


            </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> --}}

    <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->logo)
                            <img src="{{ asset('storage/' . $company->logo ) }}" 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> Aktivnih <span class='text-success'>{{ $company->active_employees_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 -->
                        @foreach ($company->roles as $role)

                            @if ($role->id == 1)
                                <h4>Tabela vendora</h4>
                                @include('cms.company.partials.vendor_tables')
                            @else
                                @include('cms.company.partials.company_tables')
                            @endif
                        @endforeach

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

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

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

<x-delete-modal></x-delete-modal>
@endsection

@section('scripts')
    @parent
    <script>
        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>
@endsection