@extends('layouts.app')
@section('content')
    <div class="index-card-main-container">
        <div>
            <a href="{{ route('root.createHeadOfficeIndex') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Firma Ekle</h5>
                    <p class="text-gray-400">Firmanizi Sisteme Ekleyin</p>
                </div>
                <img src="{{ asset('assets/icons/card-icons/root/FirmaEkle.svg') }}" alt="">
            </a>
        </div>

        <div>
            <a href="{{ route('root.createBranchIndex') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title ">Şube Ekle</h5>
                    <p class="text-gray-400 ">Firmanizi Sisteme Ekleyin</p>
                </div>
                <img src="{{ asset('assets/icons/card-icons/root/SubeEkle.svg') }}" alt="">
            </a>
        </div>

        <div>
            <a href="{{ route('root.createDepartmentIndex') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title ">Departman Ekle</h5>
                    <p class="text-gray-400 ">Departmanınızı Sisteme Ekleyin</p>
                </div>
                <img src="{{ asset('assets/icons/card-icons/root/departmanEkle.svg') }}" alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('root.offices') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Firmalarım ve Şubeleri</h5>
                    <p class="text-gray-400">Firma : {{ $companies }} | Şube : {{ $branchs }}</p>
                </div>
                <img src="{{ asset('assets/icons/card-icons/root/firma_ve_sube.svg') }}" alt="">
            </a>
        </div>

        <div>
            <a href="{{ route('root.officeContractsIndex') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Müşteri Sözleşmeleri</h5>
                    <p class="text-gray-400">Sözleşmeler : {{ $officeContracts }}</p>
                </div>
                <img src="{{ asset('assets/icons/card-icons/root/Musteri_Sözlesmeleri.svg') }}" alt="">
            </a>
        </div>

        <div>
            <a href="{{ route('root.listUser') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Kullanıcı İşlemleri</h5>
                    <p class="text-gray-400">Aktif personel sayısı : {{ $activePersonels }}</p>
                    <p class="text-gray-400">Pasif personel sayısı : {{ $pasivePersonels }}</p>
                </div>
                <img src="{{ asset('assets/icons/card-icons/root/kullanici_islemleri.svg') }}" alt="">
            </a>
        </div>

        <div>
            <a href="{{ route('root.userDefinitionIndex') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Kullanıcı Tanımla</h5>
                    <p class="text-gray-400">Kullanıcı tanımlayın</p>
                </div>
                <img src="{{ asset('assets/icons/card-icons/root/kullanici_islemleri.svg') }}" alt="">
            </a>
        </div>

        <div>
            <a href="{{ route('root.servicesIndex') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Hizmetlerim</h5>
                    <p class="text-gray-400">Mevcut hizmetleriniz : {{ $services }}</p>
                </div>
                <img src="{{ asset('assets/icons/card-icons/root/Hizmetlerim.svg') }}" alt="">
            </a>
        </div>

        <div>
            <a href="{{ route('root.banksIndex') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Banka İşlemleri</h5>
                    <p class="text-gray-400">Anlaşmalı bankalarınız : {{ $banks }}</p>
                </div>
                <img src="{{ asset('assets/icons/card-icons/root/Banka_islemleri.svg') }}" alt="">
            </a>
        </div>

        <div>
            <a href="{{ route('admin.offer.create') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Teklif Olustur</h5>
                    <p class="text-gray-400">Firmalar icin teklifler olusturun</p>
                </div>
                <img src="{{ asset('assets/icons/card-icons/root/Teklif_Olustur.svg') }}" alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('admin.offer.list') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Tekliflerim</h5>
                    <p class="text-gray-400">Yaptiginiz Teklifleri Goruntuleyin</p>
                </div>
                <img src="{{ asset('assets/icons/card-icons/root/Tekliflerim.svg') }}" alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('root.minSalariesIndex') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Minimum Ücret Belirleme</h5>
                    <p class="text-gray-400">Firmanız için gerekli minimum ücret belirleyin</p>
                </div>
                <img src="{{ asset('assets/icons/card-icons/root/Asgari_ucret_islemleri.svg') }}" alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('root.getFirmSettings') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Firma Ayarları</h5>
                    <p class="text-gray-400">Firma Ayarlarını Görüntüleyin</p>
                </div>
                <img src="{{ asset('assets/icons/card-icons/root/Firma_ayarlari.svg') }}" alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('root.getFirmSettingsPaymentDownloadView') }}" 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('root.additinalFeeRequests') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Ek Ücret İşlemleri</h5>
                    <p class="text-gray-400">Ek Ücret Taleplerinizi Görüntüleyin</p>
                </div>
                <img src="{{ asset('assets/icons/card-icons/root/ek-ucret-islemleri.svg') }}" alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('root.bannerList') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Banner Olustur</h5>
                    <p class="text-gray-400">Banner Olustur</p>
                </div>
                <img src="{{ asset('assets/icons/card-icons/root/banner-ekle.svg') }}" alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('root.registirationList') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Sicil No Ekle</h5>
                    <p class="text-gray-400">Sicil No Ekle</p>
                </div>
                <img src="{{ asset('assets/icons/card-icons/root/sicil-no-ekle.svg') }}" alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('root.reports') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Raporlar</h5>
                    <p class="text-gray-400">Raporlarınızı görüntüleyin</p>
                </div>
                <img src="{{ asset('assets/icons/card-icons/root/raporlar-icon.svg') }}" alt="">
            </a>
        </div>
        <div>
            <a href="{{ route('root.socialMedias') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Sosyal Medya Hesaplari</h5>
                    <p class="text-gray-400">Sosyal Medya Hesaplarini Yonetin</p>
                </div>
                <img src="{{ asset('assets/icons/card-icons/root/raporlar-icon.svg') }}" alt="">
            </a>
        </div>
    </div>
    @if (count($errorsData) > 0)
        <x-toast color="red-700">
            <x-slot name="message">
                <div class="space-y-2">
                    @foreach ($errorsData as $item)
                        <p>
                            {{ $item }}
                        </p>
                    @endforeach
                </div>
            </x-slot>
            <x-slot name="icon">
                <i class="fa-solid fa-exclamation"></i>
            </x-slot>
        </x-toast>
    @endif
    @if (session('error'))
        @include('components.error-modal')
    @endif
    @if (session('success'))
        @include('components.success-modal')
    @endif
@endsection
@section('javascript')
    <script>
        $(document).ready(function() {
            var myGif = $('#sube');
            myGif.trigger('pause');

            myGif.on('mouseover', function() {
                myGif.trigger('play');
            });

            myGif.on('mouseout', function() {
                myGif.trigger('pause');
            });
        });
    </script>
@endsection