@extends('admin.layouts.master')

@section('css')
<style>
.created-at-cell {
    min-width: 120px;
}
.created-at-cell span {
    cursor: help;
}
.created-at-cell small {
    font-size: 0.75rem;
    opacity: 0.7;
}
.table th {
    background-color: #f8f9fa;
    border-top: 2px solid #dee2e6;
}
.table tbody tr:hover {
    background-color: #f8f9fa;
}
</style>
@endsection

@section('contents')

    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">{{__('Providers')}}</h2>
                        <div class="breadcrumb-wrapper col-12">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{route('admin.home')}}">{{__('Home')}}</a>
                                </li>
                                <li class="breadcrumb-item active">{{__('Providers')}}
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
            @if(auth()->user()->can('create_users')  )
                <div class="content-header-right text-md-right col-md-3 col-12 d-md-block d-none">
                    <div class="form-group breadcrum-right">
                        <a href="{{route('providers.create')}}">
                            <button type="button"
                                    class="btn bg-gradient-primary mr-1 mb-1 waves-effect waves-light">{{__('Add New User')}}</button>

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

        </div>
        @include('admin.providers.search_form')
        <div class="content-body">
            <!-- Zero configuration table -->
            <section id="basic-datatable">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <div class="d-flex flex-wrap align-items-center" style="gap: 8px;">
                                    <h4 class="card-title mb-0">{{__('Providers')}} <span class="badge badge-primary">{{ $rows->total() }}</span></h4>
                                    <span class="text-muted mx-1">|</span>
                                    @foreach($sortedCategories as $category)
                                            <span class="badge badge-light-secondary" style="font-size: 0.85rem; padding: 5px 10px; border: 1px solid #e0e0e0; border-radius: 15px;">
                                                {{ $category->name }}
                                                <span class="badge badge-primary" style="font-size: 0.75rem; margin-right: 4px;">{{ $categoryCounts->get($category->id, 0) }}</span>
                                            </span>
                                    @endforeach
                                    @if(isset($categoryCounts['']) || isset($categoryCounts[null]) || isset($categoryCounts[0]))
                                        <span class="badge badge-light-secondary" style="font-size: 0.85rem; padding: 5px 10px; border: 1px solid #e0e0e0; border-radius: 15px;">
                                            {{__('بدون تصنيف')}}
                                            <span class="badge badge-secondary" style="font-size: 0.75rem; margin-right: 4px;">{{ $categoryCounts[''] ?? $categoryCounts[null] ?? $categoryCounts[0] ?? 0 }}</span>
                                        </span>
                                    @endif
                                </div>
                            </div>
                            <div class="card-content">
                                <div class="card-body card-dashboard">
                                    <div class="table-responsive">
                                        <table class="table" >
                                            <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>{{__('Username')}}</th>
                                                <th>{{__('Name')}}</th>
                                                <th>{{__('Gender')}}</th>
                                                <th>{{__('Country')}}</th>
                                                <th>{{__('Category')}}</th>
                                                <th>{{__('أكمل حسابه')}}</th>
                                                <th>{{__('تاريخ التسجيل')}}</th>
                                                <th>{{__('المصدر')}}</th>
                                                <th>{{__('UTM')}}</th>
                                                <th>{{__('الجهاز')}}</th>
                                                <th>{{__('طريقة التسجيل')}}</th>
                                                <th>{{__('تذكير إكمال الحساب')}}</th>
                                                <th>{{__('Actions')}}</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($rows as $row)
                                                <tr>
                                                    <td>{{$rows->total() - (($rows->currentPage() - 1) * $rows->perPage() + $loop->index)}}</td>
                                                    <td>
                                                        @if($row->username)
                                                            <a href="/freelancers/{{$row->username}}" target="_blank">{{$row->username}}</a>
                                                        @else
                                                            {{__('None')}}
                                                        @endif
                                                    </td>
                                                    <td>{{$row->name ?? __('None')}}</td>
                                                    <td>
                                                        @if($row->gender == 'male')
                                                            <span class="badge badge-info">{{__('Male')}}</span>
                                                        @elseif($row->gender == 'female')
                                                            <span class="badge badge-warning">{{__('Female')}}</span>
                                                        @else
                                                            {{__('None')}}
                                                        @endif
                                                    </td>
                                                    <td>{{$row->country?->name ?? __('None')}}</td>
                                                    <td>{{$row->category?->name ?? __('None')}}</td>
                                                    <td>
                                                        @php
                                                            // Check if provider has at least one project (preloaded, no N+1)
                                                            $profileCompleted = isset($providerIdsWithProjects[$row->id]);
                                                        @endphp
                                                        @if($profileCompleted)
                                                            <span class="badge badge-success" style="font-size:0.85rem;">نعم ✓</span>
                                                        @else
                                                            <span class="badge badge-danger" style="font-size:0.85rem;">لا ✗</span>
                                                        @endif
                                                    </td>
                                                    <td class="created-at-cell">
                                                        <span title="{{Carbon\Carbon::parse($row->created_at)->format('F j, Y \a\t g:i A')}}">
                                                            {{Carbon\Carbon::parse($row->created_at)->format('M j, Y')}}
                                                            <br>
                                                            <small class="text-muted">{{Carbon\Carbon::parse($row->created_at)->format('g:i A')}}</small>
                                                        </span>
                                                    </td>
                                                    @php
                                                        $effectiveSource = $row->source;
                                                        $effectiveMedium = $row->utm_medium;
                                                        $effectiveCampaign = $row->utm_campaign;
                                                        $effectiveContent = $row->utm_content;
                                                        $effectiveClickIdType = $row->first_click_id_type ?: $row->last_click_id_type;
                                                        $effectiveChannel = $row->attribution_channel;

                                                        // Fallback for ad clicks that arrive with click IDs but without explicit UTM params.
                                                        if (!$effectiveSource && in_array($effectiveClickIdType, ['gclid', 'msclkid'], true)) {
                                                            $effectiveSource = 'google';
                                                        } elseif (!$effectiveSource && $effectiveClickIdType === 'fbclid') {
                                                            $effectiveSource = 'facebook';
                                                        } elseif (!$effectiveSource && $effectiveClickIdType === 'ttclid') {
                                                            $effectiveSource = 'tiktok';
                                                        }

                                                        if (!$effectiveMedium && $effectiveChannel === 'paid_search') {
                                                            $effectiveMedium = 'cpc';
                                                        } elseif (!$effectiveMedium && $effectiveChannel === 'paid_social') {
                                                            $effectiveMedium = 'paid_social';
                                                        }

                                                        $hasUtmLikeData = $effectiveMedium || $effectiveCampaign || $effectiveContent || $effectiveChannel || $effectiveClickIdType;
                                                    @endphp
                                                    <td>
                                                        @if($effectiveSource)
                                                            <span class="badge badge-info">{{ $effectiveSource }}</span>
                                                        @else
                                                            <span class="badge badge-light">مباشر</span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if($hasUtmLikeData)
                                                            <div style="font-size:0.78rem; line-height:1.7;">
                                                                @if($effectiveMedium)
                                                                    <div><span style="color:#888;">medium:</span> <strong>{{ $effectiveMedium }}</strong></div>
                                                                @endif
                                                                @if($effectiveCampaign)
                                                                    <div><span style="color:#888;">campaign:</span> <strong>{{ $effectiveCampaign }}</strong></div>
                                                                @endif
                                                                @if($effectiveContent)
                                                                    <div><span style="color:#888;">content:</span> <strong>{{ $effectiveContent }}</strong></div>
                                                                @endif
                                                                @if($effectiveChannel)
                                                                    <div><span style="color:#888;">channel:</span> <strong>{{ $effectiveChannel }}</strong></div>
                                                                @endif
                                                                @if($effectiveClickIdType)
                                                                    <div><span style="color:#888;">click_id:</span> <strong>{{ $effectiveClickIdType }}</strong></div>
                                                                @endif
                                                            </div>
                                                        @else
                                                            <span class="badge badge-light">—</span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if($row->register_device == 'android')
                                                            <span class="badge badge-success">📱 Android</span>
                                                        @elseif($row->register_device == 'iphone')
                                                            <span class="badge badge-secondary">🍎 iPhone</span>
                                                        @elseif($row->register_device == 'desktop')
                                                            <span class="badge badge-primary">💻 Desktop</span>
                                                        @else
                                                            <span class="badge badge-light">—</span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if($row->google_id)
                                                            <span class="badge" style="background:#fff;border:1px solid #ddd;color:#444;font-size:0.8rem;padding:4px 8px;">
                                                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 48 48" style="vertical-align:middle;margin-left:3px;">
                                                                    <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/>
                                                                    <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/>
                                                                    <path fill="#FBBC05" d="M10.53 28.59a14.5 14.5 0 0 1 0-9.18l-7.98-6.19a24.0 24.0 0 0 0 0 21.56l7.98-6.19z"/>
                                                                    <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/>
                                                                </svg>
                                                                جوجل
                                                            </span>
                                                        @else
                                                            <span class="badge badge-light" style="font-size:0.8rem;">✉️ عادي</span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if($row->profile_reminder_sent_at)
                                                            <span class="badge badge-success" style="font-size:0.85rem;">نعم ✓</span>
                                                            <br>
                                                            <small class="text-muted">{{Carbon\Carbon::parse($row->profile_reminder_sent_at)->format('M j, Y')}}</small>
                                                        @else
                                                            <span class="badge badge-light" style="font-size:0.85rem;">لم يُرسل</span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <div class="row">
                                                            @if(auth()->user()->can('update_users'))
                                                            <div class="col-md-6">
                                                                <a href="{{route('providers.show' , $row->id)}}">
                                                                <button type="button" title="{{__('View')}}"
                                                                        class="btn btn-sm btn-outline-primary mr-1 mb-1"><i
                                                                        class="fa fa-eye"></i>
                                                                </button>
                                                            </a>
                                                            </div>
                                                            @endif
                                                            @if(auth()->user()->can('update_users'))
                                                            <div class="col-md-6">
                                                                <a href="{{route('providers.resend_email_verification' , $row->id)}}">
                                                                <button type="button" title="{{__('Resend Verification Email')}}"
                                                                        class="btn btn-sm btn-outline-primary mr-1 mb-1"><i
                                                                        class="fa fa-envelope"></i>
                                                                </button>
                                                            </a>
                                                            </div>
                                                            @endif
                                                            <div class="col-md-6">
                                                                <a href="{{ route('users.attribution', $row->id) }}">
                                                                    <button type="button" title="{{__('Attribution Debug')}}"
                                                                            class="btn btn-sm btn-outline-info mr-1 mb-1"><i
                                                                            class="fa fa-sitemap"></i>
                                                                    </button>
                                                                </a>
                                                            </div>
                                                            <div class="col-md-6">
                                                                @if(auth()->user()->can('update_users')  )
                                                                <a href="{{route('providers.edit' , $row->id)}}">
                                                                    <button type="button" title="{{__('Edit')}}"
                                                                            class="btn btn-sm btn-outline-primary mr-1 mb-1"><i
                                                                            class="fa fa-edit"></i>
                                                                    </button>
                                                                </a>
                                                            @endif
                                                            </div>
                                                        </div>
                                                        @if(auth()->user()->can('delete_users')  )

                                                            <a onclick="confirmAlert(`{{route('providers.delete',[$row->id])}}`)"
                                                               href="#">
                                                                <button type="button" title="{{__('Delete')}}"
                                                                        class="btn btn-outline-danger mr-1 mb-1"><i
                                                                        class="fa fa-trash"></i>
                                                                </button>
                                                            </a>
                                                        @endif

                                                    </td>
                                                </tr>
                                            @endforeach

                                            </tbody>

                                        </table>
                                    </div>

                                    <!-- Pagination -->
                                    @include('admin.components.advanced-pagination', ['paginator' => $rows])
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!--/ Zero configuration table -->


        </div>
    </div>

@endsection

@section('js')
<script>
$(document).ready(function() {
    // Initialize DataTable with sorting
    $('#providers-table').DataTable({
        "order": [[ 7, "desc" ]], // Sort by created_at column in descending order
        "pageLength": 25,
        "scrollX": true, // Enable horizontal scrolling
        "language": {
            "search": "{{__('Search')}}:",
            "lengthMenu": "{{__('Show')}} _MENU_ {{__('entries')}}",
            "info": "{{__('Showing')}} _START_ {{__('to')}} _END_ {{__('of')}} _TOTAL_ {{__('entries')}}",
            "infoEmpty": "{{__('Showing 0 to 0 of 0 entries')}}",
            "infoFiltered": "({{__('filtered from')}} _MAX_ {{__('total entries')}})",
            "paginate": {
                "first": "{{__('First')}}",
                "last": "{{__('Last')}}",
                "next": "{{__('Next')}}",
                "previous": "{{__('Previous')}}"
            }
        }
    });
});
</script>
@endsection