@extends('tenant.layouts.master')

@section('style')
    <link rel="stylesheet" href="{{ asset('css/accounting/main.css') }}">
@endsection

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.home') => '/',
            __('breadcrumb.rentals') => '/rentals',
        ],
    ])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'rentals'])
@endsection

@section('content')
    <div>
        <h2 class="text-center my-5">@lang('rentals/main-rental.rental_sections')</h2>
        <div class="d-flex flex-row flex-wrap justify-content-around">
            <div class="col-6 col-sm-5 col-lg-3 my-4 mx-3 item">
                <a href="{{ route('tenant.rentals.buildings.index') }}"
                    class="d-flex flex-column justify-content-center align-items-center text-decoration-none w-100 h-100 rounded-3 shadow-lg">
                    <h3>@lang('rentals/main-rental.buildings')</h3>
                    <img src="{{ asset('images/rentals/bulding.png') }}" alt="receivables" style="width: 100px">
                </a>
            </div>

            <div class="col-6 col-sm-5 col-lg-3 my-4 mx-3 item">
                <a href="{{ route('tenant.rentals.floors.index') }}"
                    class="d-flex flex-column justify-content-center align-items-center text-decoration-none w-100 h-100 rounded-3 shadow-lg">
                    <h3>@lang('rentals/main-rental.floors')</h3>
                    <img src="{{ asset('images/rentals/floor.png') }}" alt="receivables" style="width: 100px">
                </a>
            </div>

            <div class="col-6 col-sm-5 col-lg-3 my-4 mx-3 item">
                <a href="{{ route('tenant.rentals.shops.index') }}"
                    class="d-flex flex-column justify-content-center align-items-center text-decoration-none w-100 h-100 rounded-3 shadow-lg">
                    <h3>@lang('rentals/main-rental.shops')</h3>
                    <img src="{{ asset('images/rentals/shop.png') }}" alt="receivables" style="width: 100px">
                </a>
            </div>

            <div class="col-6 col-sm-5 col-lg-3 my-4 mx-3 item">
                <a href="{{ route('tenant.rentals.booths.index') }}"
                    class="d-flex flex-column justify-content-center align-items-center text-decoration-none w-100 h-100 rounded-3 shadow-lg">
                    <h3>@lang('rentals/main-rental.booths')</h3>
                    <img src="{{ asset('images/rentals/booth.png') }}" alt="receivables" style="width: 100px">
                </a>
            </div>

            <div class="col-6 col-sm-5 col-lg-3 my-4 mx-3 item">
                <a href="{{ route('tenant.receivables.index', ['module' => 'rentals']) }}"
                    class="d-flex flex-column justify-content-center align-items-center text-decoration-none w-100 h-100 rounded-3 shadow-lg">
                    <h3>@lang('rentals/main-rental.tenants')</h3>
                    <img src="{{ asset('images/rentals/tenant.png') }}" alt="receivables" style="width: 100px">
                </a>
            </div>

            <div class="col-6 col-sm-5 col-lg-3 my-4 mx-3 item">
                <a href="{{ route('tenant.rentals.rental-requests.index') }}"
                    class="d-flex flex-column justify-content-center align-items-center text-decoration-none w-100 h-100 rounded-3 shadow-lg">
                    <h3> @lang('rentals/main-rental.rental_requests')</h3>
                    <img src="{{ asset('images/rentals/rental-request.png') }}" alt="receivables" style="width: 100px">
                </a>
            </div>
            <div class="col-6 col-sm-5 col-lg-3 my-4 mx-3 item" style="background: #5abcff;">
                <a href="{{ route('tenant.rentals.rental-tenant-actions.index') }}"
                    class="d-flex flex-column justify-content-center align-items-center text-decoration-none w-100 h-100 rounded-3 shadow-lg">
                    <h3>  @lang('rentals/main-rental.tenant_movements')</h3>
                    <img src="{{ asset('images/rentals/tenant-movement.png') }}" alt="receivables" style="width: 100px">
                </a>
            </div>
            <div class="col-6 col-sm-5 col-lg-3 my-4 mx-3 item" style="background: #5abcff;">
                <a href="{{ route('tenant.rentals.rental-contracts.index') }}"
                    class="d-flex flex-column justify-content-center align-items-center text-decoration-none w-100 h-100 rounded-3 shadow-lg">
                    <h3>@lang('rentals/main-rental.contracts')</h3>
                    <img src="{{ asset('images/rentals/contract.png') }}" alt="receivables" style="width: 100px">
                </a>
            </div>
            <div class="col-6 col-sm-5 col-lg-3 my-4 mx-3 item" style="background: #5abcff;">
                <a href="{{ route('tenant.rentals.contract-invoices.index') }}"
                    class="d-flex flex-column justify-content-center align-items-center text-decoration-none w-100 h-100 rounded-3 shadow-lg">
                    <h3> @lang('rentals/main-rental.export_invoices')</h3>
                    <img src="{{ asset('images/rentals/export-invoice.png') }}" alt="receivables" style="width: 100px">
                </a>
            </div>
        </div>
    </div>
@endsection