@extends('layouts.admin')

@section('title', 'Business Users Management')
@section('breadcrumb_title', 'Business Users')
@section('breadcrumb_sub_title', 'List')
@section('page_title', 'Business Users Management')

@push('styles')
    <link rel="stylesheet" href="{{ asset('css/business-user.css') }}">
@endpush

@section('content')


    <div class="min-h-screen bg-gray-50">
        <div class="row mt-4">
            <div class="col-12">
                <div class="card">
                    <!-- Card header -->
                    <div class="card-header">
                        <div class="d-flex justify-content-between align-items-center">
                            <div>
                                <h5 class="mb-0">Business Users Management</h5>
                                <p class="text-sm mb-0">
                                    Manage business users and their information.
                                </p>
                            </div>
                            <button type="button" class="btn btn-primary" data-bs-toggle="modal"
                                data-bs-target="#CreateModal">
                                <i class="fas fa-plus me-2"></i>Add New Business User
                            </button>
                        </div>
                    </div>

                    <div class="card-body border-bottom">
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="filterBusiness" class="form-label">Business</label>
                                    <select class="form-control no-select2" id="filterBusiness">
                                        <option value="" {{ request('business_id') === null ? 'selected' : '' }}>All Businesses</option>
                                        @foreach($businesses as $business)
                                            <option value="{{ $business->id }}" {{ request('business_id') == $business->id ? 'selected' : '' }}>
                                                {{ $business->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="filterStatus" class="form-label">Status</label>
                                    <select class="form-control no-select2" id="filterStatus">
                                        <option value="" {{ request('status') === null ? 'selected' : '' }}>All Statuses</option>
                                        <option value="1" {{ request('status') == '1' ? 'selected' : '' }}>Active</option>
                                        <option value="0" {{ request('status') == '0' ? 'selected' : '' }}>Inactive</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col-md-12">
                                <div class="form-group text-end">
                                    <button type="button" class="btn btn-primary" id="applyFilters">Apply Filters</button>
                                    <button type="button" class="btn btn-secondary" id="clearFilters">Clear
                                        Filters</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="table-responsive">
                        <table class="table table-flush" id="datatable-search">
                            <thead class="thead-light">
                                <tr>
                                    <th>#</th>
                                    <th>First Name</th>
                                    <th>Last Name</th>
                                    <th>Email</th>
                                    <th>Contact</th>
                                    <th>Status</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody id="business-users-table-body">
                                @php
                                    $i = 1;
                                @endphp
                                @forelse($businessUsers as $businessUser)
                                    <tr>
                                        <td>{{ $i++ }}</td>
                                        <td>{{ $businessUser->first_name }}</td>
                                        <td>{{ $businessUser->last_name }}</td>
                                        <td>{{ Str::limit($businessUser->email, 25) }}</td>
                                        <td>{{ $businessUser->contact }}</td>
                                        <td>
                                            <span class="badge badge-{{ $businessUser->status ? 'success' : 'warning' }}">
                                                {{ $businessUser->status ? 'Active' : 'Inactive' }}
                                            </span>
                                        </td>
                                        <td>
                                            <i class="fas fa-eye text-info me-3"
                                                style="cursor: pointer; font-size: 16px;" title="View Details"
                                                onclick="viewBusinessUser({{ $businessUser->id }})"></i>
                                            <i class="fas fa-edit text-success me-3"
                                                style="cursor: pointer; font-size: 16px;" title="Edit"
                                                onclick="openUpdateModal({{ $businessUser->id }})"></i>
                                            <i class="fas fa-trash text-danger"
                                                style="cursor: pointer; font-size: 16px;" title="Delete"
                                                onclick="deleteConfirmation({{ $businessUser->id }})"></i>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="6" class="text-center text-muted py-4">
                                           No business users found.
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Include Modals --}}
    @include('admin.business-user.modals.create')
    @include('admin.business-user.modals.edit')
    @include('admin.business-user.modals.view')
@endsection

{{-- Include Scripts --}}
@section('scripts')
    @include('admin.business-user.scripts.index-scripts')
@endsection