@extends('layouts.app')
@section('content')
    <div class="index-card-main-container">
        <div>
            <a href="{{ route('operation.dailyTicketsIndex') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Günlük Taleplerim</h5>
                    <p class="text-gray-400">Günlük taleplerinizi görüntüleyin</p>
                </div>
                <img class='w-20' src="{{ asset('assets/icons/card-icons/operation/Taleplerim.svg') }}" alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('operation.monthlyTicketsIndex') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Aylık Taleplerim</h5>
                    <p class="text-gray-400">Aylık taleplerinizi görüntüleyin</p>
                </div>
                <img class='w-20' src="{{ asset('assets/icons/card-icons/operation/Taleplerim.svg') }}" alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('operation.mypersonel') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Personellerim</h5>
                    <div class="grid grid-cols-2 gap-x-2">
                        <p class="text-gray-400">Personeller: {{ $allPersonels }}</p>
                        <p class="text-gray-400">Aktif: {{ $myActivePersonels }} </p>
                        <p class="text-gray-400">Pasif: {{ $myDeActivePersonels }}</p>
                        <p class="text-gray-400">İzinli: {{ $dayOffPersonels }}</p>
                        <p class="text-gray-400">Çıkış Bekleyen: {{ $waitingExit }}</p>
                        <p class="text-gray-400">Çıkış Yapan: {{ $activeExitedPersonels }}</p>
                    </div>
                </div>
                <img class='w-20' src="{{ asset('assets/icons/card-icons/operation/Personellerim.svg') }}"
                    alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('operation.myCustomers') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Müşterilerim</h5>
                    <div class="grid grid-cols-2 gap-x-2">
                        <div class="text-gray-400">Aktif Firma: {{ $headOfficesActiveCount }}</div>
                        <div class="text-gray-400">Pasif Firma: {{ $headOfficesPassiveCount }}</div>
                        <div class="text-gray-400">Aktif Şube: {{ $branchOfficesActiveCount }}</div>
                        <div class="text-gray-400">Pasif Şube: {{ $branchOfficesPassiveCount }}</div>
                    </div>
                </div>
                <img class='w-20' src="{{ asset('assets/icons/card-icons/operation/Müşterilerim.svg') }}" alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('operation.selectQuickAssignType') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Hızlı Atama Yap</h5>
                    <p class="text-gray-400">İstediğin Müşteriye Talep Gelmeden Atama Yap</p>
                </div>
                <img class='w-20' src="{{ asset('assets/icons/card-icons/operation/Hızlı Atama Yap.svg') }}"
                    alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('operation.personelEntryExit') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Personel Giriş Çıkış Takip</h5>
                    <p class="text-gray-400">Personellerin Giriş Çıkış Takibi</p>
                </div>
                <img class='w-20' src="{{ asset('assets/icons/card-icons/operation/Personel GirişÇıkış Takip.svg') }}"
                    alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('operation.timeSheetIndex') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Puantajlar</h5>
                    <p class="text-gray-400">Personellerin puantajlarını görüntüle</p>
                </div>
                <img class='w-20' src="{{ asset('assets/icons/card-icons/operation/Puantajlar.svg') }}" alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('operation.offDayList') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Izinler</h5>
                    <p class="text-gray-400">Personeller icin izin talebi olustur</p>
                </div>
                <img class='w-20' src="{{ asset('assets/icons/card-icons/operation/İzinler.svg') }}" alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('operation.changeQuickDemandTicketType') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Hızlı Talep Oluştur</h5>
                    <p class="text-gray-400">Hızlı Talep Oluşturma Sayfası</p>
                </div>
                <img class='w-20' src="{{ asset('assets/icons/card-icons/company/Talep Oluştur.svg') }}" alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('operation.additionalFeeRequests') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Ek Ücret İşlemleri</h5>
                    <p class="text-gray-400">Yeni bir talep oluşturun veya taleplerinizi görüntüleyin</p>
                </div>
                <img class='w-20' src="{{ asset('assets/icons/card-icons/operation/ek-ucret-islemleri.svg') }}"
                    alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('operation.debit.index') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Zimmet İşlemleri</h5>
                    <p class="text-gray-400">Zimmet işlemlerinizi görüntüleyin</p>
                </div>
                <img class='w-20' src="{{ asset('assets/icons/card-icons/operation/zimmet-islemleri.svg') }}"
                    alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('operation.getFirmCosts') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Firmaların Hizmet Ücretleri</h5>
                    <p class="text-gray-400">Firmaların Hizmet Ücretlerini Görüntüleyin</p>
                </div>
                <img src="{{ asset('assets/icons/card-icons/root/Firma_ayarlari.svg') }}" alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('operation.sendSmsToWorkers') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Toplu Sms Gonder</h5>
                    <p class="text-gray-400">Kullanicilariniza Toplu Sms Gonderin</p>
                </div>
                <img src="{{ asset('assets/icons/card-icons/root/Firma_ayarlari.svg') }}" alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('operation.workerRequests') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Personel İste</h5>
                    <p class="text-gray-400">Personel isteyin veya mevcut isteklerinizi görüntüleyin</p>
                </div>
                <img class='w-20' src="{{ asset('assets/icons/card-icons/hr/personel-sozlesme-icon.svg') }}"
                    alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('operation.operationRandevuIndex') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Ön Kayıt İşlemleri</h5>
                    <p class="text-gray-400">Yeni bir ön kayıt oluşturun veya ön kayıtlarınızı görüntüleyin</p>
                </div>
                <img class='w-20' src="{{ asset('assets/icons/card-icons/meet/Randevu Oluştur.svg') }}"
                    alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('operation.gbt_index') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">GBT Oluştur</h5>
                    <p class="text-gray-400">Personelerinize ait GBT işlemlerini görüntüleyin</p>
                </div>
                <img class='w-20' src="{{ asset('assets/icons/card-icons/operation/gbt.svg') }}" alt="">
            </a>
        </div>
    </div>
    @if (session('error'))
        @include('components.error-modal')
    @endif
    @if (session('success'))
        @include('components.success-modal')
    @endif
@endsection