@extends('layouts.'.env('THEME'))

@section('moreStyle')
    @include('staff.schedule.style')
@endsection

@section('content')

<div class="container" id="main-container">

    <div class="row mt-3">
        <div class="col-2">
            <a href="/customers" class="btn btn-primary">
                Customers
            </a>
        </div>
        <div class="col-2">
            <a href="/dashboard" class="btn btn-primary">
                Dashboard
            </a>
        </div>
        <div class="col-2">
            <a href="/staff/worklog" class="btn btn-primary">
                Work log
            </a>
        </div>
        <div class="col-2">
            <a href="/staff/schedule" class="btn btn-primary">
                Schedule
            </a>
        </div>
        <div class="col-2">
            <a href="/champion_dashboard/referrals" class="btn btn-primary">
                Referrals
            </a>
        </div>
    </div>

    <x-section_heading title="Admin to do list" subtitle="" rowclass="mt-5"/>

    <div class="row my-3" style="text-align: center;">
        @foreach($task_count as $key => $tc)
        <div class="col-3">
            <span style="font-size: 1.1rem;">{{ $key }}<br />
            <span>{{ $tc }}</span>
        </div>
        @endforeach
    </div>

    @foreach($lead_tasks as $lt)
<div class="row mt-2 pb-1" style="border-bottom: 1px solid #000;">
    <div class="col-12">
        <div class="row">
            <div class="col-12">
                <a href="/customer/{{ $lt['lead']->id }}">
                <strong>{{ $lt['lead']->fullname ?? ''}}</strong>
                @if(!empty($lt['lead']->getArea()))
                    ({{ substr($lt['lead']->getArea()->name, 0, 10) }})
                @endif
                @if(!empty($lt['lead']->address))
                    {!! $lt['lead']->address->full() !!}
                @endif
                </a>
            </div>
        </div>
        @if(!is_null($lt['lead']->daysSinceEmailed()) && $lt['lead']->daysSinceEmailed() < 5)
        <div class="row">
            <div class="col-1"></div>
            <div class="col-11" style="color: red; font-size: 0.8rem;">
                <strong>Emailed from system {{ $lt['lead']->daysSinceEmailed() }} days ago.</strong> be mindful not to send the customer too many emails in a short period of time. Consider coming back to this one later or check if they have replied to the last email.
            </div>
        </div>
        @endif
        @foreach($lt['tasks'] as $task)
        <div class="row">
            <div class="col-1"></div>
            <div class="col-11">
                {!! $task_descriptions[$task['type']] !!}
                <span class="link" data-toggle="modal" data-target="#{{ $task['type'] }}_modal">
                    Help to resolve?
                </span>
            </div>
        </div>
        @endforeach
    </div>
</div>
    @endforeach

</div>

@foreach($info_modals as $im)
    <x-info_modal
        :id="$im['id']"
        :title="$im['title']"
        :body="$im['body']"
    />
@endforeach

@endsection

@section('script')
    <script>

    </script>
@endsection