@extends('admin.main')

@section('content')
    <!-- /.card -->
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Haj Submissions</h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
                <table id="data-table" class="table table-bordered table-striped" style="width: 100%">
                    <thead>
                    <tr>
                        <th class="text-center" data-fill="id">#</th>
                        <th class="text-center" data-fill="name">Name</th>
                        <th class="text-center" data-fill="national_id">National ID</th>
                        <th class="text-center" data-fill="phone">Phone</th>
                        <th class="text-center" data-fill="extra_phone">Extra Phone</th>
                        <th class="text-center" data-fill="flight_detail">Flight Details</th>
                        <th class="text-center" data-fill="haj_before">Went Haj</th>
                        <th class="text-center" data-fill="notes">Notes</th>
                        <th
                            class="text-center"
                            data-type="image"
                            data-fill="passport_url"
                            directory="{{getImage('submissions')}}">
                            Passport Image
                        </th>
                    </tr>
                    </thead>
                </table>
            </div>
            <!-- /.card-body -->
        </div>
    </div>
@endsection

@section('scripts')
    @include('admin.inc.ajax.datatables', [
        'ajax_url' 			=> route('admin.haj.ajax.submissions'),
        'multi_delete' 		=> false,
        'options'			=> true,
        'edit_row' 			=> false,
        'delete_row' 		=> true,
        'delete_url' 		=> route('admin.haj.delete', ['!id!'])
    ])
@endsection