@extends('layouts.list')

@section('title')
{{ config('app.name') }} Backend | Hajj Registration
@endsection

@section('breadcrumb')
<li class="breadcrumb-item" aria-current="page"><a href="javascript:void(0);">Packages</a></li>
<li class="breadcrumb-item active" aria-current="page"><a href="javascript:void(0);">Hajj Registration</a></li>
@endsection

@section('table_order_column') 0 @endsection
@section('table_order_sort')'desc'@endsection
@section('table_column_defs')
{ "width": "100", "targets": 0 },
{ "width": "50", "targets": 6 }
@endsection

@section('tablecontent')
<table id="style-3" class="table style-3 table-hover">
    <thead>
        <tr>
            <th>Tanggal Daftar</th>
            <th>Paket</th>
            <th>Nama Lengkap</th>
            <th>Whatsapp Aktif</th>
            <th>Email</th>
            <th>Kota/Provinsi</th>
            <th class="text-center dt-no-sorting">Action</th>
        </tr>
    </thead>
    <tbody>
        @foreach ($data as $row)
        <tr>
            <td data-sort="@date($row->created_at, "Y-m-d H:i:s")">@date($row->created_at, "d M Y")</td>
            <td>{{ $row->package->name }}</td>
            <td>{{ $row->name }}</td>
            <td><a class="btn btn-sm btn-success" target="_blank" href="https://wa.me/@phone_format($row->whatsapp)"><i class="fab fa-whatsapp" aria-hidden="true"></i> {{ $row->whatsapp }}</a></td>
            <td>{{ $row->email }}</td>
            <td>
                {{ $row->subdistrict->district->city->name }},
                {{ $row->subdistrict->district->city->province->name }}
            </td>
            <td class="text-center">
                <ul class="table-controls">
                    <li><a href="{{ route('register-hajj-detail', $row->id) }}" class="bs-tooltip" data-toggle="tooltip" data-placement="top" title="" data-original-title="View"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye p-1 br-6 mb-1"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg></a></li>
                </ul>
            </td>
        </tr>
        @endforeach
    </tbody>
</table>
@endsection