@php
    $timezone = auth()->user()->timezone ?? 'UTC';
@endphp
<div class="table-grid-scroller-list">
    @if(isset($records[0]))
    <div class="counter-select-checkbox-container"> 
        <div class="counter-display">
            <span id="selectedCount">0</span> of 10 selected
            <input type="hidden" name="_token" id="_token" value="{{csrf_token()}}">
        </div>
        <div class="select-urls-checkbox">
            @if(isset($records[1]))
            <div class="select-all-records tooltip-container">
                <label for="selectAllCheckbox" style="display: inline-flex; align-items:">
                    <input type="checkbox" class="company-profile-checkbox record-checkbox-scraped-urls" id="selectAllCheckbox">
                    <span>Select All URLs</span>
                </label>
                <div class="tooltip-text">Select all URLs to delete all URLs</div>
            </div>
            @endif
        </div>
    </div>
    @endif
    <div class="table-grid-list-container table-grid-scroller">
        <div class="w-layout-grid url-details-grid" id="record-container">
            @foreach ($records as $record)
            <div class="company-profile-row" data-record-id="{{ $record->id }}">
                <div class="company-profile-table-grid">
                    <div class="table-grid-row-value">
                        <input type="checkbox" class="company-profile-checkbox record-checkbox" name="record_ids[]"
                            value="{{ $record->id }}" {{ $record->is_checked ? 'checked' : '' }}>
                    </div>
                    <div class="table-grid-value table-grid-date-value">
                        <div>
                            @if ($record->file_name)
                                <a href="{{ asset('storage/' . $record->file_path) }}" target="_blank">{{ $record->file_name }}</a>
                            @else
                                <a href="{{ $record->url }}" target="_new">{{ $record->url }}</a>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="table-grid-date-value">
                <div>{{ \Carbon\Carbon::parse($record->created_at)->setTimezone($timezone)->format('m/d/y (g:i A)') }}</div>
                </div>
                <div class="table-grid-action-btn">
                    <form method="POST" action="{{ route('record.delete') }}" onsubmit="confirmDeletion(event)">
                        @csrf
                        <input type="hidden" name="id" value="{{ $record->id }}">
                        <button type="submit" class="btn btn-link"
                            style="margin-right: 15px; border-radius: 6px; padding: 3px; background-color: #fff; border: solid 1px red;"
                            {{ Cache::get('scraping-job-running-' . auth()->user()->companies[0]->client_id) ? 'disabled' : '' }}>
                            Delete
                        </button>
                    </form>
                </div>
            </div>
            @endforeach
        </div>
        @if(!isset($records[0]))
        <div class="primary-content-after-title-block">
            <div class="inline-message">
                <div>When you process URL's to use as source data, they will appear here.</div>
            </div>
        </div>
        @endif
    </div>
    @if(isset($records[0]))
    <div class="records-container">
        @if(session('user_role_name') === 'Account Manager')
            <button id="btn-download-company-profile" class="download-company-profile-btn" disabled>
                <div class="button-label white-text">Download Company Profile</div>
            </button>
        @endif
        <div class="select-urls tooltip-container">
            <button id="selectBlobRecords" class="select-urls-btn">Save Selected URLs</button>
            <div class="tooltip-text">You can save up to 10 URLs for the article flow</div>
        </div>
        <div class="delete-selected-scraped-urls">
            <button id="deleteSelectedScrapedUrls" class="delete-selected-scraped-urls-btn">Delete Selected URLs</button>
        </div>
    </div>
    @endif
</div>
<script>
// Initialize logic on document ready
$(document).ready(function () {
    initializeCheckboxLogic();
    checkBlobExists();
});
</script>