@php
    $addBtn = '';
    if (!empty($permission['create'])) {
        $addBtn =
            '<a class="' .
            Config::get('view.buttons.primary') .
            '" href="' .
            route(Str::singular($routePrefix) . '.application') .
            '" data-toggle="tooltip" data-original-title="Add New merchant">' .
            Config::get('settings.icon_add') .
            ' <span>Add New</span></a>';
    }
    $headerOption = [
        'title' => $module,
        'header_buttons' => [$addBtn],
        'data' => isset($data) ? $data : [],
    ];
@endphp
@extends('admin.layouts.layout', $headerOption)


@section('content')
    <div class="table-responsive">
        <table class="{!! \Config::get('view.table.table_class') !!}">
            <thead class="{!! \Config::get('view.table.table_head_class') !!}">
                <tr>
                    {{-- <th>Merchant Name {!! \App\Helpers\Helper::sort($routePrefix . '.index', 'first_name', $orderBy) !!}</th> --}}
                    <th>Application Number </th>
                    @if ($isAdmin)
                        <th>Sales Office</th>
                        <th>Agent</th>
                    @elseif (in_array('Sales Office', \Auth::user()->roles()->pluck('title')->all()))
                        <th>Agent</th>
                    @endif
                    {{-- <th>Sales ID </th> --}}
                    {{-- <th>Agent</th> --}}
                    {{-- <th>Contact Info </th> --}}
                    <th>Status {!! \App\Helpers\Helper::sort($routePrefix . '.index', 'status', $orderBy) !!}</th>
                    @if ($permission['edit'] || $permission['destroy'] || $permisssionState['index'])
                        <th width="15%" style="text-align: right;">Action</th>
                    @endif
                </tr>
            </thead>
            <tbody>
                @if (count($data) != 0)
                    @foreach ($data as $key => $val)
                        @php $merchantLocations = $locationsByMerchant->get($val->id) ?? collect(); @endphp
                        <tr class="merchant-row">
                            <td>
                                <a href="javascript:void(0)" class="toggle-locations"
                                    data-target="#locations-row-{{ $val->id }}" aria-expanded="false"><i
                                        class="bx bx-chevron-down"></i></a>
                                {{ $val->application_number }}
                            </td>
                            @if ($isAdmin)
                                <td>{{ optional($val->agent)->full_name ?? '-' }}</td>
                                <td>{{ optional($val->agent->parent)->full_name ?? '-' }}</td>
                            @elseif (in_array('Sales Office', \Auth::user()->roles()->pluck('title')->all()))
                                <td>{{ optional($val->agent)->full_name ?? '-' }}</td>
                            @endif
                            {{-- <td>{{ optional($val->agent)->sales_id ?? '-' }}</td> --}}
                            {{-- <td>{{ optional($val->agent)->full_name ?? '-' }}</td> --}}
                            <td><span
                                    class="badge badge-pill badge-soft-{{ $val->statuses[$val->status]['badge'] }} font-size-12">{!! $val->statuses[$val->status]['name'] !!}</span>
                            </td>
                            @if ($permission['edit'] || $permission['destroy'] || $permisssionState['index'])
                                <td class="text-right">
                                    {{-- <a class="{!! \Config::get('view.table.list_danger_button') !!}" data-toggle="tooltip" title="Send Email"
                                        data-confirm="Are You Sure?|Do you want to send the email?"
                                        data-confirm-yes="event.preventDefault();
              document.getElementById('send-email-form-{{ $val->id }}').submit();"
                                        data-original-title="Send Email"> <i class="fab fa-telegram-plane"></i></a>
                                    {!! html()->form('POST', route($routePrefix . '.send-email', $val->application_number))->attributes([
                                            'style' => 'display:inline',
                                            'id' => 'send-email-form-' . $val->id,
                                        ])->open() !!}
                                    {!! html()->form()->close() !!} --}}
                                    @if ($permission['edit'])
                                        <a href="{{ route(Str::singular($routePrefix) . '.application', ['application_number' => $val->application_number]) }}"
                                            class="{!! \Config::get('view.table.list_light_button') !!}" data-toggle="tooltip" title="Edit Application"
                                            data-original-title="Edit">{!! \Config::get('settings.icon_edit') !!}</a>
                                    @endif
                                    @if ($permission['destroy'] && !in_array($val->status, [2, 4]))
                                        <a class="{!! \Config::get('view.table.list_danger_button') !!}" data-toggle="tooltip" title="Delete Application"
                                            data-confirm="Are You Sure?|This action can not be undone. Do you want to continue?"
                                            data-confirm-yes="event.preventDefault();
              document.getElementById('delete-form-{{ $val->id }}').submit();"
                                            data-original-title="Delete">{!! \Config::get('settings.icon_delete') !!}</a>
                                        {!! html()->form('DELETE', route($routePrefix . '.destroy', $val->id))->attributes([
                                                'style' => 'display:inline',
                                                'id' => 'delete-form-' . $val->id,
                                            ])->open() !!}
                                        {!! html()->form()->close() !!}
                                    @endif
                                </td>
                            @endif
                        </tr>
                        <tr id="locations-row-{{ $val->id }}" class="collapse bg-light">
                            <td colspan="5" class="p-0">
                                <div class="p-3">
                                    <h6 class="mb-3">Locations for Application {{ $val->application_number }}</h6>
                                    @if ($merchantLocations->isEmpty())
                                        <div class="text-muted">No locations added.</div>
                                    @else
                                        <div class="table-responsive">
                                            <table class="table table-sm">
                                                <thead>
                                                    <tr>
                                                        <th style="width:40px;">#</th>
                                                        <th>Primary Owner</th>
                                                        <th>DBA Name</th>
                                                        <th>Full Address</th>
                                                        <th>Status</th>
                                                        <th>Date</th>
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($merchantLocations as $lIndex => $loc)
                                                        <tr>
                                                            <td>{{ substr($val->application_number, 0, 3) . $loc->id }}-{{ substr($val->application_number, 3) }}
                                                            </td>
                                                            <td>{{ isset($loc->primaryOwner()->id) ? $loc->primaryOwner()->first_name . ' ' . $loc->primaryOwner()->last_name : '-' }}
                                                            </td>
                                                            <td>{{ optional($loc->business)->dba_statement_descriptor ?? '-' }}
                                                            </td>
                                                            <td>{{ $loc->full_address }}</td>
                                                            <td>
                                                                @php $locStatus = (new \App\Models\Merchant\MerchantLocation())->statuses[$loc->status] ?? null; @endphp
                                                                @if ($locStatus)
                                                                    <span
                                                                        class="badge badge-pill badge-soft-{{ $locStatus['badge'] }} font-size-12">{{ $locStatus['name'] }}</span>
                                                                @else
                                                                    <span class="text-muted">-</span>
                                                                @endif
                                                            </td>
                                                            <td>
                                                                @php
                                                                    $statusDate = null;
                                                                    switch ($loc->status) {
                                                                        case 1:
                                                                            $statusDate = $loc->send_to_merchant_at;
                                                                            break;
                                                                        case 2:
                                                                            $statusDate = $loc->pending_submission_at;
                                                                            break;
                                                                        case 3:
                                                                            $statusDate = $loc->submitted_at;
                                                                            break;
                                                                        case 4:
                                                                            $statusDate = $loc->pending_approval_at;
                                                                            break;
                                                                        case 5:
                                                                            $statusDate = $loc->approved_at;
                                                                            break;
                                                                        case 6:
                                                                            $statusDate = $loc->declined_at;
                                                                            break;
                                                                        case 7:
                                                                            $statusDate = $loc->closed_at;
                                                                            break;
                                                                        case 8:
                                                                            $statusDate = $loc->hold_at;
                                                                            break;
                                                                        default:
                                                                            $statusDate = $loc->created_at;
                                                                            break;
                                                                    }
                                                                @endphp

                                                                {{-- {{ \App\Helpers\Helper::showDate($statusDate) }} --}}
                                                                <span class="utc-time"
                                                                    data-time="{{ $statusDate ? $statusDate->toIso8601String() : '' }}"></span>
                                                            </td>
                                                            <td>
                                                                @if ($loc->status < 3 && $val->application_method_type_id == 1)
                                                                    @php($routeData = $loc->getNextRoute($val->application_number, $loc->id))
                                                                    @if ($routeData)
                                                                        <a href="{{ route($routeData['name'], $routeData['params']) }}"
                                                                            class="{!! \Config::get('view.table.list_light_button') !!}"
                                                                            data-toggle="tooltip"
                                                                            title="Continue with Application"
                                                                            data-original-title="Continue with application"><i
                                                                                class="fas fa-arrow-right"></i></a>
                                                                    @endif
                                                                @endif
                                                                @if ($val->application_method_type_id == 2 && $loc->status < 3)
                                                                    <a href="{{ route('merchants.sendemail', ['location_id' => $loc->id, 'application_number' => $val->application_number]) }}"
                                                                        class="{!! \Config::get('view.table.list_light_button') !!}"
                                                                        data-toggle="tooltip"
                                                                        title="Send application to merchant"
                                                                        data-original-title="Send application to merchant"><i
                                                                            class="fas fa-share"></i></a>
                                                                @endif

                                                                @if($val->lead_id > 0 && ($loc->payrix_merchant_id != null && $loc->status == 5))
                                                                <!-- <a href="{{ route('merchants.send-perix-data', ['lead_id' => $val->lead_id]) }}" class="btn btn-info">Send Perix data to CRM </a> -->
                                                                @endif
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    @endif
                                </div>
                            </td>
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="25">
                            <div class="alert alert-danger">No merchant data found at this moment!</div>
                        </td>
                    </tr>
                @endif
            </tbody>
        </table>
    </div>
    @include('admin.components.pagination')
    <style>
        .custom-date-input {
            height: 37px;
            border: 1px solid #ccc;
            padding: 10px;
            border-radius: 4px;
            box-sizing: border-box;
            width: 100%;
            font-size: 16px;
        }


        tr.merchant-row:hover {
            background: #f5f7fa;
        }

        .toggle-locations {
            display: inline-flex;
            align-items: center;
            margin-right: 6px;
        }

        .toggle-locations i {
            transition: transform .2s ease;
        }

        .toggle-locations[aria-expanded='true'] i {
            transform: rotate(180deg);
        }
    </style>
    @push('page_script')
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                document.addEventListener('click', function(e) {
                    const t = e.target.closest('.toggle-locations');
                    if (!t) return;
                    const sel = t.getAttribute('data-target');
                    const row = document.querySelector(sel);
                    if (!row) return;
                    const c = bootstrap.Collapse.getOrCreateInstance(row, {
                        toggle: false
                    });
                    c.toggle();
                    const expanded = t.getAttribute('aria-expanded') === 'true';
                    t.setAttribute('aria-expanded', expanded ? 'false' : 'true');
                });
            });
        </script>
    @endpush
@endsection