@extends('layouts.retention.app')
@push('style')
    <link rel="stylesheet" href="/assets/vendor/libs/select2/select2.css" />
    <link rel="stylesheet" href="/assets/vendor/libs/bootstrap-select/bootstrap-select.css" />
    <link rel="stylesheet" href="/assets/vendor/libs/flatpickr/flatpickr.css" />
@endpush

@section('content')
@include('layouts.retention.sections.search')
<div class="card">
    <div class="card-header d-flex justify-content-between">
        <h6 class="col-3 card-title">Leads<span class=" ms-2 badge bg-success bg-glow">{{$total}}</span></h6>
        @include('layouts.retention.sections.bulkActions')
    </div>
    <div class="table-responsive text-nowrap">
        <table class="table table-striped table-hover">
            <thead>
                <tr>
                    @can('seeActionsColumn')
                        <th class="text-center">Actions</th>
                    @endcan
                    <th class="text-center">CID</th>
                    <th class="text-center">name</th>
                    @can('seeBalance')
                    <th class="text-center">Balance</th>
                    @endcan
                    <th class="text-center">phone</th>
                    <th class="text-center">Last comment</th>
                    <th class="text-center">email</th>
                    <th class="text-center">country</th>
                    @can('seeAgentColumn')
                        <th class="text-center">agent</th>
                    @endcan
                    <th class="text-center">status</th>
                    <th class="text-center">affiliate</th>
                    <th class="text-center">source</th>
                    <th class="text-center">Reg Date</th>
                    <th class="text-center">FTD Time</th>
                </tr>
            </thead>
            <tbody class="table-border-bottom-0 leadsCheck">
                @foreach ($leads as $lead)
                    <tr>
                        @can('seeActionsColumn')
                            <td class="text-center" style="width: 100px;">@include('layouts.retention.datatable.actions', ['lead' => $lead])</td>
                        @endcan
                        <td class="text-center">{{$lead ? $lead->id : ''}}</td>
                        <td class="text-center"><a @can('seeStats') @if($lead->user) href="{{route('retention.user.stats', $lead->user->id)}}?section=comments" @endif @endcan>{{$lead->name}}</a></td>
                        @can('seeBalance')<td class="text-center"> <span class="badge bg-success copyButton cursor-pointer" data-clipboard-text="@if(!empty($lead->user_id)) {{leadBalance($lead->user->balances() ? $lead->user->balances()->sum('balance') : null)}} @endif"> @if(!empty($lead->user_id)) {{leadBalance($lead->user->balances() ? $lead->user->balances()->sum('balance') : null)}} @endif</span></td>@endcan
                        <td class="text-center">@include('layouts.retention.datatable.phone', ['phone' => $lead->phone])</td>
                        <td class="text-center">{!!lastComment($lead->lastNote ? $lead->lastNote : null)!!}</td>
                        <td class="text-center">@include('layouts.retention.datatable.email', ['email' => $lead->email])</td>
                        <td class="text-center">
                            <img src="{{asset('vendor/blade-flags/country-'.strtolower($lead->country).'.svg')}}" width="26" height="26" data-bs-toggle="tooltip" data-bs-placement="top" title="{{countryName($lead->country)}}">
                        </td>
                        @can('seeAgentColumn')
                                <td style="width: 160px;">
                                    <div class="d-flex align-items-center justify-content-center">
                                        @include('layouts.retention.datatable.agent')
                                    </div>
                                </td>
                        @endcan
                        <td style="width: 160px;">
                            <div class="d-flex align-items-center justify-content-center">
                                @include('layouts.retention.datatable.status')
                            </div>
                        </td>
                        <td class="text-center">{{$lead->affiliate ? $lead->affiliate->affiliate_name : NULL}}</td>
                        <td class="text-center">{{$lead->source ? $lead->source->name : NULL}}</td>
                        <td class="text-center">{{\Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $lead->created_at)->format('d M Y - H:i')}}</td>
                        <td class="text-center"><span class="badge bg-danger">FTD TIME</span></td>
                        {{-- <td class="text-center">{{$lead->user->firstTransaction ? \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $lead->user->firstTransaction->completed_at)->format('d M Y - H:i') : 'Not FTD Yet!'}}</td> --}}
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <hr>
    {{ $leads->withQueryString()->links('layouts.components.pagination') }}
</div>
@include('layouts.retention.sections.comments')
@include('layouts.retention.sections.copy')
@include('layouts.retention.sections.tranactions')
@include('layouts.retention.sections.createTranaction')
@include('layouts.retention.sections.hideFTD')

@endsection

@push('script')
<script src="/assets/vendor/libs/select2/select2.js"></script>



<script src="/assets/js/forms-selects.js"></script>
<script src="/assets/js/cards-actions.js"></script>
<script src="/assets/vendor/js/sweet.js"></script>
<script src="/assets/js/ui-popover.js"></script>

<script>
    sweetAlertConfirmationBeforeAction('.deleteLead', 'Are you sure to delete this lead?', 'api/lead/delete', 'DELETE', true);
    sweetAlertConfirmationBeforeAction('.registerAsClient', 'Are you sure to regitser this lead as client?', 'api/lead/register', 'GET');
    getComments();
    changeLeadAgent(true);
</script>
@endpush