@extends('backend.layouts.master')

@section('title')
    Home
@endsection

@push('styles')
<!-- Add custom styles or Bootstrap icons if needed -->
@endpush

@section('admin-content')
    <!-- partial -->
    <div class="main-panel">
        <div class="content-wrapper">
            <div class="row">

                <div class="col-lg-12 grid-margin stretch-card">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="card-title">{{ $pageHeader['title'] }}'s List</h4>
                            <p class="card-description">
                                @include('backend.layouts.partials.message')
                            </p>

                            <div class="mb-3 text-end">
                                <a href="{{ route($pageHeader['create_route']) }}" class="btn btn-success">Create {{ $pageHeader['title'] }}</a>
                            </div>

                            <!-- Filter Form -->
                            <form method="get" class="row mb-4">
                                <div class="col-md-3">
                                    <input type="text" name="name" class="form-control" placeholder="Name" value="{{ request('name') }}">
                                </div>
                                <div class="col-md-3">
                                    <input type="text" name="phone" class="form-control" placeholder="Phone" value="{{ request('phone') }}">
                                </div>
                                <div class="col-md-3">
                                    <select name="type" class="form-control">
                                        <option value="">All Types</option>
                                        @foreach(App\Models\User::$typeArray as $type)
                                            <option value="{{ $type }}" {{ request('type') == $type ? 'selected' : '' }}>{{ $type }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-3">
                                    <button type="submit" class="btn btn-primary">Filter</button>
                                    <a href="{{ route($pageHeader['index_route']) }}" class="btn btn-secondary">Reset</a>
                                </div>
                            </form>

                            <div class="table-responsive">
                                <table class="table table-bordered table-striped">
                                    <thead class="">
                                        <tr>
                                            <th>#</th>
                                            <th>Customer Id</th>
                                            <th>Name</th>
                                            <th>Email</th>
                                            <th>Phone</th>
                                            <th>User Type</th>
                                            <th class="text-center">Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    @forelse($datas as $item)
                                        <tr id="table-data{{ $item->id }}">
                                            <td>{{ $item->id  }}</td>
                                            <td>{{ $item->username  }}</td>
                                            <td>{{ $item->name }}</td>
                                            <td>{{ $item->email }}</td>
                                            <td>{{ $item->phone ?? 'N/A' }}</td>
                                            <td>
                                                @if($item->type === 'Customer')
                                                    <span class="badge" style="background-color: #ffc107; color: #212529;">Customer</span>
                                                @elseif($item->type === 'Investor')
                                                    <span class="badge" style="background-color: #dc3545; color: #fff;">Investor</span>
                                                @elseif($item->type)
                                                    <span class="badge" style="background-color: #28a745; color: #fff;">{{ $item->type }}</span>
                                                @else
                                                    <span class="badge bg-secondary">N/A</span>
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                <div class="dropdown d-inline-block">
                                                    <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" id="actionDropdown{{ $item->id }}" data-bs-toggle="dropdown" aria-expanded="false">
                                                        <i class="fa fa-cogs"></i> Actions
                                                    </button>
                                                    <ul class="dropdown-menu" aria-labelledby="actionDropdown{{ $item->id }}">
                                                    
                                                            <li>
                                                                <a class="dropdown-item" href="{{ route('admin.invests.index', ['user_id' => $item->id]) }}">
                                                                    <i class="fa fa-list-alt text-warning"></i> <span class="ms-1">Invests</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a class="dropdown-item" href="{{ route('admin.invests.create', ['user_id' => $item->id]) }}">
                                                                    <i class="fa fa-plus-circle text-info"></i> <span class="ms-1">Add Invest</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a class="dropdown-item" href="{{ route('admin.profits.create', ['user_id' => $item->id]) }}">
                                                                    <i class="fa fa-dollar-sign text-success"></i> <span class="ms-1">Profit</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a class="dropdown-item" href="{{ route('admin.invests.summary', $item->id) }}">
                                                                    <i class="fa fa-chart-line text-success"></i> <span class="ms-1">Profit Summary</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a class="dropdown-item" href="{{ route('admin.profits.index', ['user_id' => $item->id]) }}">
                                                                    <i class="fa fa-list text-info"></i> <span class="ms-1">Profit List</span>
                                                                </a>
                                                            </li>
                                                            <li><hr class="dropdown-divider"></li>

                                                        <li>
                                                            <a class="dropdown-item" href="{{ route($pageHeader['edit_route'], $item->id) }}">
                                                                <i class="fa fa-edit text-primary"></i> <span class="ms-1">Edit</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a class="dropdown-item text-danger" href="javascript:void(0)" onclick="dataDelete({{ $item->id }}, '{{ $pageHeader['base_url'] }}')">
                                                                <i class="fa fa-trash"></i> <span class="ms-1">Delete</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="5" class="text-center text-muted">No records found. <a href="{{ route($pageHeader['create_route']) }}" class="badge btn-info">Create</a></td>
                                        </tr>
                                    @endforelse
                                    </tbody>
                                </table>
                                <div class="d-flex justify-content-end">
                                    {!! $datas->links() !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        @include('backend.layouts.partials.footer')
    </div>
    <!-- main-panel ends -->
@endsection

@push('scripts')
<!-- Add custom scripts if needed -->
@endpush