@extends('layout.layout')
@section('content')

<div class="container mt-5">

    {{-- Alerts --}}
    @include('components.alert')

    <div class="card shadow-lg border-0 rounded-3">
        <div class="card-header d-flex justify-content-between align-items-center py-3">
            <div class="mb-0">Scripts</div>
            <div>
                {{-- Export Button --}}
                <a href="{{route('script.export')}}" class="btn btn-success btn-sm me-2">
                    <i class="fa-solid fa-file-export me-1"></i> Export
                </a>

                @can('marketing_scripts_create')
                <a href="{{ route('scripts.create') }}" class="btn btn-sm btn-primary">
                    <i class="fas fa-plus me-1"></i>Add New Script
                </a>
                @endcan
            </div>
        </div>
        <div class="card-body mt-3">
            {{-- Filtering Section --}}
            <form method="GET" class="row g-3 mb-4">
                {{-- Search by title or description --}}
                <div class="col-md-6">
                    <div class="input-group">
                        <input type="text" name="search" class="form-control rounded-start-3"
                            placeholder="Search by title or description..."
                            value="{{ request('search') }}">
                        <button type="submit" class="btn btn-outline-secondary">
                            <i class="fas fa-search"></i>
                        </button>
                    </div>
                </div>
                {{-- Filter by Department --}}

                @if(Auth::user()->hasRole('Super admin') || Auth::user()->staff->department->slug == 'marketing')
                <div class="col-md-6">
                    <select name="department_id" class="form-select rounded-3 general-select" onchange="this.form.submit()">
                        <option value="">Filter by Department</option>
                        @foreach ($departments as $dept)
                        <option value="{{ $dept->id }}" {{ request('department_id') == $dept->id ? 'selected' : '' }}>
                            {{ $dept->name }}
                        </option>
                        @endforeach
                    </select>
                </div>

                @endif

                {{-- Filter by Visibility --}}
                
                @if(Auth::user()->hasRole('Super admin') || Auth::user()->staff->department->slug == 'marketing')

                    <div class="col-md-3">
                        <select name="visibility" class="form-select rounded-3" onchange="this.form.submit()">
                            <option value="">Filter by Visibility</option>
                            <option value="public" {{ request('visibility') === 'public' ? 'selected' : '' }}>Public</option>
                            <option value="private" {{ request('visibility') === 'private' ? 'selected' : '' }}>Private</option>
                        </select>
                    </div>
                    <div class="col-md-3">
                        <select name="status" class="form-control" onchange="this.form.submit()">
                            <option value="" {{ request('status') == 'all' ? 'selected' : '' }}>All Status</option>
                            <option value="approved" {{ request('status') == 'approved' ? 'selected' : '' }}>Approved</option>
                            <option value="unapproved" {{ request('status') == 'unapproved' ? 'selected' : '' }}>Unapproved</option>
                        </select>
                    </div>
                
                @endif
                {{-- Clear Filters --}}
                @if (request()->filled('search') || request()->filled('visibility') || request()->filled('department_id') || request()->filled('status') )
                <div class="col-md-2">
                    <a href="{{ route('scripts.index') }}" class="btn btn-outline-danger w-100">Clear</a>
                </div>
                @endif
            </form>

            {{-- Table --}}
            @if ($scripts->isNotEmpty())

            <div class="card-body p-0">
                <div style="overFlow:auto !important">
                    <table class="text-center table table-bordered table-sm table bordered-table sm-table mb-0">
    
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Title</th>
                                <th>Category</th>
                                <th>Status</th>
                                <th>Visibility</th>
                                <!-- <th>Department</th>
                                <th>Keywords</th> -->
                                <th>Created On</th>
                                <th>Action</th>
                            </tr>
                        </thead>
    
                        <tbody>
                            @foreach ($scripts as $scr)
                            <tr>
                                <td>{{ $scr->id }}</td>
                                <td>{{ $scr->title }}</td>
                                <td>{{ $scr->category_name }}</td>
                                <td>
                                    @php
                                    $statusColors = [
                                    'approved' => 'success',
                                    'unapproved' => 'danger'
                                    ];
    
                                    $statusIcons = [
                                    'approved' => 'fa-solid fa-circle-check',
                                    'unapproved' => 'fa-solid fa-circle-xmark'
                                    ];
                                    @endphp
    
                                    <span class="badge bg-{{ $statusColors[$scr->status] }}">
                                        <i class="{{ $statusIcons[$scr->status] }}"></i>
                                        {{ ucfirst($scr->status) }}
                                    </span>
                                </td>
    
                                <td>
                                    @php
                                    $visibilityColors = [
                                    'public' => 'success',
                                    'private' => 'secondary'
                                    ];
    
                                    $visibilityIcons = [
                                    'public' => 'fa-globe',
                                    'private' => 'fa-lock'
                                    ];
    
    
                                    @endphp
    
                                    <span class="badge bg-{{ $visibilityColors[$scr->visibility] ?? 'secondary' }}">
                                        <i class="fas {{ $visibilityIcons[$scr->visibility] ?? 'fa-question-circle' }} me-1"></i>
                                        {{ ucfirst($scr->visibility) }}
                                    </span>
                                </td>
                                <!-- <td>{{ optional($scr->department)->name ?? '—' }}</td>
                                <td>{{ $scr->keywords ?? '—' }}</td> -->
                                <td>
                                    {{ \Carbon\Carbon::parse($scr->created_at)->format('d M Y') }}
                                </td>
    
    
                   
                                <td>
                     
                                     @can('marketing_scripts_show')
                                    <a href="{{ route('scripts.show', $scr->id) }}" class="btn btn-sm btn-primary me-1">
                                        <i class="fas fa-eye"></i> View
                                    </a>
    
                                    @endcan
                                    @can('marketing_scripts_edit')
                                    <a href="{{ route('scripts.edit', $scr->id) }}" class="btn btn-sm btn-primary me-1">
                                        <i class="fas fa-edit"></i> Edit
                                    </a>
                                    @endcan
    
                                    <!--@can('marketing_scripts_delete')-->
                                    <!--<form action="{{ route('scripts.destroy', $scr->id) }}" method="POST" class="d-inline"-->
                                    <!--    onsubmit="return confirm('Are you sure you want to delete this script?');">-->
                                    <!--    @csrf-->
                                    <!--    @method('DELETE')-->
                                    <!--    <button type="submit" class="btn btn-sm btn-danger">-->
                                    <!--        <i class="fas fa-trash-alt"></i> Delete-->
                                    <!--    </button>-->
                                    <!--</form>-->
                                    <!--@endcan-->
                                </td>
    
                            </tr>
                            @endforeach
                        </tbody>
    
                    </table>
                </div>
            </div>
            {{-- Pagination --}}
            <div class="mt-3">
                {{ $scripts->withQueryString()->links() }}
            </div>

            @else

            {{-- Empty case --}}
            <div class="text-center py-4">
                <p class="text-muted">
                    <i class="fas fa-info-circle me-2"></i>No scripts found matching the criteria.
                </p>
                @can('marketing_scripts_create')
                <a href="{{ route('scripts.create') }}" class="btn btn-primary mt-2">Add First Script</a>
                @endcan
            </div>

            @endif
        </div>
    </div>
</div>

@endsection