@extends('layouts.app')
@section('urlContent')
    {!! view('components.breadcrumbs', [
        'b_items' => [
            'Raporlar' => '/root/reports',
        ],
    ]) !!}
@endsection
@section('content')
    <div class="index-card-main-container">

        <div>
            <a href="{{ route('root.accountingReports') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Muhasebe Raporları</h5>
                    <p class="text-gray-400">Muhasebe 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.operationReports') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">Operasyon Raporları</h5>
                    <p class="text-gray-400">Operasyon 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.isgReports') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">İsg Raporları</h5>
                    <p class="text-gray-400">İsg 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.iseAlimReports') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">İk İşe Alım Raporları</h5>
                    <p class="text-gray-400">İk İşe Alım 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.bordroReports') }}" class="index-card flex justify-between">
                <div>
                    <h5 class="index-card-title">İk Bordro Raporları</h5>
                    <p class="text-gray-400">İk Bordro raporlarınızı görüntüleyin</p>
                </div>
                <img src="{{ asset('assets/icons/card-icons/root/raporlar-icon.svg') }}" alt="">
            </a>
        </div>

    </div>
@endsection