@extends('layout.main')
@section('content')
    <div class="container grid px-6 mx-auto">
        <h2 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200">
            BOT Reports
        </h2>
        <div class="flex flex-col flex-wrap mb-8 md:flex-row md:items-center gap-4">
            @can('bot-report-create')
                <x-link route="{{ route('bot-reports.create') }}" isButton class="bg-purple-600">Add new</x-link>
            @endcan

        </div>
        <h4 class="mb-4 text-lg font-semibold text-gray-600 dark:text-gray-300">
            BOT Reports List
        </h4>
        <div class="w-full overflow-hidden rounded-lg shadow-xs">
            <div class="w-full overflow-x-auto p-2">
                <x-table.table datatable>
                    <x-table.head>
                        <th>Name</th>
                        <th>Period From</th>
                        <th>Period To</th> 
                        <th>Action</th>
                    </x-table.head>
                    <x-table.body>
                        @foreach ($botReports as $botReport)
                            <x-table.row>
                                <x-table.cell><a class="text-purple-600 hover:underline hover:cursor-pointer" title="{{ $botReport->description }}">{{ $botReport->title }}</a></x-table.cell>
                                <x-table.cell>{{ \Carbon\Carbon::parse($botReport->period_from)->format('d/m/Y') }}</x-table.cell>
                                <x-table.cell>{{ \Carbon\Carbon::parse($botReport->period_to)->format('d/m/Y') }}</x-table.cell>
                                
                                <x-table.cell>
                                    <div class="flex items-center gap-4">
                                        @can('view', $botReport)
                                            <a href="{{ route('bot-reports.export', $botReport) }}"
                                                class="text-green-600 dark:text-green" title="Edit Record">
                                                <i class="fa fa-eye"></i>
                                            </a>
                                        @endcan
                                        @can('update', $botReport)
                                            <a href="{{ route('bot-reports.edit', $botReport) }}"
                                                class="text-green-600 dark:text-green" title="Edit Record">
                                                <i class="fa fa-edit"></i>
                                            </a>
                                        @endcan
                                        @can('create', $botReport)
                                            <a href="{{ route('bot-reports.show', $botReport) }}"
                                                class="text-gray-600 dark:text-white" title="Add report details">
                                                <i class="fa-solid fa-file-circle-plus"></i>
                                            </a>
                                        @endcan
                                        @can('delete', $botReport)
                                            <x-delete-button route="{{ route('bot-reports.destroy', $botReport) }}" />
                                        @endcan
                                    </div>
                                </x-table.cell>
                            </x-table.row>
                        @endforeach
                    </x-table.body>
                </x-table.table>
            </div>

        </div>
    </div>
@endsection