@extends('adminlte::page')

@section('content')

@php
$englishMonths = [
    'January',
    'February',
    'March',
    'April',
    'May',
    'June',
    'July',
    'August',
    'September',
    'October',
    'November',
    'December'
];
$indonesianMonths = [
    'Januari',
    'Februari',
    'Maret',
    'April',
    'Mei',
    'Juni',
    'Juli',
    'Agustus',
    'September',
    'Oktober',
    'November',
    'Desember'
];
$startDateParts = explode('-', $startDate);
$endDateParts = explode('-', $endDate);
$startMonthIndex = (int) $startDateParts[1] - 1;
$endMonthIndex = (int) $endDateParts[1] - 1;
$startMonth = $indonesianMonths[$startMonthIndex];
$endMonth = $indonesianMonths[$endMonthIndex];
$formattedStartDate = $startDateParts[2] . ' ' . $startMonth . ' ' . $startDateParts[0];
$formattedEndDate = $endDateParts[2] . ' ' . $endMonth . ' ' . $endDateParts[0];
@endphp

<div class="container mt-4">
    <a href="{{ route('admin.showtelemarket', ['user' => $user->id]) }}" class="btn btn-primary mt-4 mb-4">Back</a>
    <h3 class="mb-4">Telemarketing dari {{ $formattedStartDate }} - {{ $formattedEndDate }}</h3>
    <a href="{{ route('export.kunjungan.retail') }}" class="btn btn-primary mb-4">Export To Excel</a>
    <form action="{{ route('admin.visit.telemarket', ['user' => $user->id]) }}" method="GET">
        <div class="row">
            <div class="col-md-4">
                <input type="date" id="start_date" name="start_date" class="form-control" value="{{ $startDate }}">
            </div>
            <div class="col-md-4">
                <input type="date" id="end_date" name="end_date" class="form-control" value="{{ $endDate }}">
            </div>
            <div class="col-md-4">
                <button type="submit" class="btn btn-primary" style="width: 30%;">Filter</button>
            </div>
        </div>
    </form>
</div>

@if ($filteredTelemarketings->isEmpty())
<div class="container mt-4">
    <p>No data</p>
</div>
@else
<div class="table-responsive mt-4">
    <x-adminlte-datatable id="kunjunganTable" :heads="[
            'Lokasi', 'Customer', 'Order', 'Keterangan', 'Foto', 'Waktu (WIB)'
        ]" striped hoverable bordered compressed beautify head-theme="dark">
        @foreach ($filteredTelemarketings as $kunjungan)
        <tr>
            <td>{{ $kunjungan->lokasi }}</td>
            <td>{{ $kunjungan->namaCustomer }}</td>
            <td>
                @if (
            $kunjungan->telemarketingOrders->isEmpty() ||
            $kunjungan->telemarketingOrders->contains('produk', null) ||
            $kunjungan->telemarketingOrders->contains('harga', null) || $kunjungan->telemarketingOrders->contains('quantity', null)
        )
                No Order
                @else
                @foreach ($kunjungan->telemarketingOrders as $orderDetail)
                <div>
                    <span>{{ $orderDetail->produk }}</span>
                    ({{ number_format($orderDetail->harga, 0, ',', '.') }} - {{ $orderDetail->quantity }})
                </div>
                @endforeach
                @endif
            </td>
            <td>{{ $kunjungan->keterangan }}</td>
            <td>
                @if(isset($kunjungan->photo))
                <img src="/public/photos/{{ $kunjungan->photo }}" style="max-width: 20px;" alt="kunjungan">
                @else
                -
                @endif
            </td>
            <td>
                @php
                $dateTime = \Carbon\Carbon::parse($kunjungan->created_at)->setTimezone('Asia/Jakarta');
                $formattedDate = $dateTime->format('d') . ' ' .
                $indonesianMonths[$dateTime->format('n') - 1] . ' ' . $dateTime->format('Y');
                @endphp
                {{ $formattedDate }}
            </td>
        </tr>
        @endforeach
    </x-adminlte-datatable>
</div>
{{ $filteredTelemarketings->links() }}
@endif

@endsection