@php(
    $headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
        $title ?? '',
        $subTitle ?? '',
        isset($filters) ? $filters : [],
        isset($advancedFilters) ? $advancedFilters : []
    )
)
@php($headingOptions = [
    '<a href="' . route('my-merchants.index') . '" class="'. \Config::get('view.buttons.secondary') .'"><i class="' . \Config::get('settings.icon_back') . '"></i> Back</a>',
])
@extends('admin.layouts.layout', $headerOption)
@section('content')
<div class="col-12">
    <x-heading-sec :module="'Merchant Details — ' . ($data->dba ?? $data->legal_name ?? 'N/A')" :options="$headingOptions">
        <span class="badge bg-{{ $data->status_badge ?? 'secondary' }} px-2 py-1 ms-2" style="font-size: 13px; vertical-align: middle;">{{ $data->status_text ?? 'Unknown' }}</span>
    </x-heading-sec>

    {{-- Tabs Navigation --}}
    @php($activeMerchantTab = $activeMerchantTab ?? 'batches')
    <div class="project-box">
        <ul class="nav nav-tabs project-tab mb-30" id="merchantDetailTabs" role="tablist">
            @php($tabs = [
                'batches'        => 'Batches',
                'authorizations' => 'Authorizations',
                'account-status' => 'Account Status',
                'financials'     => 'Financials',
                'retrievals'     => 'Retrievals',
                'chargebacks'    => 'Chargebacks',
                'statements'     => 'Statements',
                'memos'          => 'Memos',
                '1099k'          => '1099-K',
                'profile'        => 'Profile',
                'tickets'        => 'Tickets'
            ])
            @foreach($tabs as $tKey => $tLabel)
                <li class="nav-item" role="presentation">
                    <a href="{{ route('my-merchants.show', $data->id) }}?tab={{ $tKey }}">
                        <button class="nav-link waves-effect {{ $activeMerchantTab === $tKey ? 'active' : '' }}" type="button">{{ $tLabel }}</button>
                    </a>
                </li>
            @endforeach
        </ul>

        {{-- Active Tab Content --}}
        <div class="mt-3">
            @switch($activeMerchantTab)
                @case('batches')
                    @include('admin.my-merchants.partials.batches')
                    @break
                @case('authorizations')
                    @include('admin.my-merchants.partials.authorizations')
                    @break
                @case('account-status')
                    @include('admin.my-merchants.partials.account-status')
                    @break
                @case('financials')
                    @include('admin.my-merchants.partials.financials')
                    @break
                @case('retrievals')
                    @include('admin.my-merchants.partials.retrievals')
                    @break
                @case('chargebacks')
                    @include('admin.my-merchants.partials.chargebacks')
                    @break
                @case('statements')
                    @include('admin.my-merchants.partials.statements')
                    @break
                @case('memos')
                    @include('admin.my-merchants.partials.memos')
                    @break
                @case('1099k')
                    @include('admin.my-merchants.partials.1099k')
                    @break
                @case('profile')
                    @if(!empty($data->lead_id))
                        <form action="{{ route('leads.update', $data->lead_id) }}" method="POST" enctype="multipart/form-data" id="merchantEmbeddedLeadForm" autocomplete="off" class="mb-3">
                            <input type="hidden" name="_return_url" value="{{ route('my-merchants.show', $data->id) }}?tab=profile" />
                            @include('admin.leads.partials.form_body')
                        </form>
                    @else
                        @include('admin.my-merchants.partials.profile')
                    @endif
                    @break
                @case('tickets')
                    @include('admin.my-merchants.partials.tickets')
                    @break
            @endswitch
        </div>
    </div>
</div>

@endsection

@push('page_script')
<script>
$(function(){
    // Initialize tooltips
    $('[data-toggle="tooltip"]').tooltip();

    // Email preview button logic
    $("#preview-welcome-email").on('click', function(){
        const pName = $("#welcome_contact_name").val();
        const pEmail = $("#welcome_contact_email").val();
        if(!pName || !pEmail){
            showRequiredTooltip($("#welcome_contact_name"), 'Please enter a contact name.');
            showRequiredTooltip($("#welcome_contact_email"), 'Please enter a contact email.');
            return false;
        }
        const url = "{{ route('merchants.welcome-email.create') }}?name=" + encodeURIComponent(pName) + "&email=" + encodeURIComponent(pEmail);
        $(this).attr('href', url);
    });
});
@if(!empty($data->lead_id))
window.LeadPageConfig = {
    leadId: {{ (int)($data->lead_id ?? 0) }},
    savedRecordSets: @json($savedRecordSets ?? []),
    csrf: '{{ csrf_token() }}',
    routes: {
        assignUser: function(id){ return '{{ route('leads.assigned-users.assign',['lead'=>'__L__']) }}'.replace('__L__',id); },
        removeUser: function(lid,uid){ return '{{ route('leads.assigned-users.remove',['lead'=>'__L__','user'=>'__U__']) }}'.replace('__L__',lid).replace('__U__',uid); },
        duplicate: function(id){ return '{{ route('leads.duplicate',['lead'=>'__L__']) }}'.replace('__L__',id); },
        destroy: function(id){ return '{{ route('leads.destroy',['lead'=>'__L__']) }}'.replace('__L__',id); },
    }
};
@endif
</script>
@if(!empty($data->lead_id))
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js" integrity="sha256-lSjKY0/srUM9BE3dPm+c4fBo1dky2v27Gdjm2uoZaL0=" crossorigin="anonymous"></script>
<script src="{{ asset('assets/js/leads-create.js') }}?v={{ time() }}"></script>
@endif
<script src="{{ asset('admin-form-plugins/form-validation.js') }}"></script>
<script src="{{ asset('admin-form-plugins/select2-init.js') }}"></script>
<script src="{{ asset('assets/js/common.js') }}"></script>
<script src="{{ asset('assets/js/merchant-access-permissions.js') }}"></script>
<script src="{{ asset('assets/js/my-merchant-batches.js') }}"></script>
@endpush