@extends('layouts.admin')
@section('content')
    {{-- @can('idp_create')
        <div style="margin-bottom: 10px;" class="row">
            <div class="col-lg-12">
                <a class="btn btn-success" href="{{ route('admin.idps.create') }}">
                    {{ trans('global.add') }} {{ trans('cruds.idp.title_singular') }}
                </a>
            </div>
        </div>
    @endcan --}}

    @if (session('success'))
        <div class="alert alert-success" role="alert">
            {{ session('success') }}
        </div>
    @endif

    <div class="card">
        {{-- <div class="card-header">
            {{ trans('cruds.idp.title_singular') }} {{ trans('global.list') }}
        </div> --}}

        <div class="card-header">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0 d-flex align-items-center justify-content-between" data-toggle="collapse"
                        data-target="#extra_search">
                        <p class=" mb-0">
                            <span><i class="fa fa-search" aria-hidden="true"></i> {{ trans('cruds.idp.title_singular') }}
                                {{ trans('global.list') }}</span>
                        </p>
                        <button type="button" class="btn btn-link">
                            <span class=" toggle_icon"><i class="fa fa-plus" aria-hidden="true"></i></span>
                        </button>
                    </h5>
                </div>
                <div id="extra_search" class="collapse">
                    <div class="card-body">
                        <form id="idp_refusee_search">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="sex">Sex</label>
                                        <select name="sex" id="sex" class=" form-control">
                                            <option value="" selected>Select one</option>
                                            <option value="male">Male</option>
                                            <option value="female">Female</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="return_state_country_payam_search_field">Return Location Details</label>
                                        <input type="text" class="form-control"
                                            name="return_state_country_payam_search_field"
                                            id="return_state_country_payam_search_field"
                                            name="return_state_country_payam_search_field"
                                            placeholder="Type State/Country/Payam">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="asylum_country">Country Asylum</label>
                                        <select name="asylum_country" id="asylum_country" class=" form-control">
                                            <option value="" selected>Select one</option>
                                            <option value="car">CAR</option>
                                            <option value="drc">DRC</option>
                                            <option value="ethiopia">Ethiopia</option>
                                            <option value="kenya">Kenya</option>
                                            <option value="sudan">Sudan</option>
                                            <option value="uganda">Uganda</option>
                                        </select>
                                    </div>
                                </div>
                                {{-- <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="status">Organization</label>
                                        <select name="organization" id="organization" class=" form-control">
                                            <option value="">Please select</option>
                                            @foreach ($organization as $item)
                                                <option value="{{ $item->id }}">{{ $item->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div> --}}
                                <div class="col-md-3 d-flex align-items-center pt-2">
                                    <button type="submit" class=" btn btn-info">Search</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <div class="card-body">
            <table class=" table table-bordered table-striped table-hover ajaxTable datatable datatable-Idp">
                <thead>
                    <tr>
                        <th width="10">

                        </th>
                        <th>
                            {{ trans('cruds.idp.fields.id') }}
                        </th>
                        <th>
                            #SL
                        </th>
                        <th>
                            #EntryID
                        </th>

                        <th>
                            {{ trans('cruds.idp.fields.sex') }}
                        </th>
                        <th>
                            {{ trans('cruds.idp.fields.family_members') }}
                        </th>
                        {{-- <th>
                        {{ trans('cruds.idp.fields.female_family_members') }}
                    </th>
                    <th>
                        {{ trans('cruds.idp.fields.number_of_childrens') }}
                    </th>
                    <th>
                        {{ trans('cruds.idp.fields.number_of_female_childrens') }}
                    </th> --}}
                        {{-- <th>
                        {{ trans('cruds.idp.fields.number_of_members_in_co_a') }}
                    </th> --}}
                        <th>
                            {{ trans('cruds.idp.fields.return_state') }}
                        </th>
                        <th>
                            {{ trans('cruds.idp.fields.return_country') }}
                        </th>
                        <th>
                            {{ trans('cruds.idp.fields.return_payam') }}
                        </th>
                        {{-- <th>
                        {{ trans('cruds.idp.fields.before_lived') }}
                    </th> --}}
                        {{-- <th>
                        {{ trans('cruds.idp.fields.area_of_origin') }}
                    </th>
                    <th>
                        {{ trans('cruds.idp.fields.state_of_origin') }}
                    </th>
                    <th>
                        {{ trans('cruds.idp.fields.country_of_origin') }}
                    </th>
                    <th>
                        {{ trans('cruds.idp.fields.payam_of_origin') }}
                    </th>
                    <th>
                        {{ trans('cruds.idp.fields.country_of_asylum') }}
                    </th>
                    <th>
                        {{ trans('cruds.idp.fields.camp_in_co_a') }}
                    </th>
                    <th>
                        {{ trans('cruds.idp.fields.registered_as_refugee') }}
                    </th>
                    <th>
                        {{ trans('cruds.idp.fields.reasons_for_return') }}
                    </th>
                    <th>
                        {{ trans('cruds.idp.fields.transport') }}
                    </th>
                    <th>
                        {{ trans('cruds.idp.fields.pay_for_trip') }}
                    </th>
                    <th>
                        {{ trans('cruds.idp.fields.encountered') }}
                    </th>
                    <th>
                        {{ trans('cruds.idp.fields.stay_in_ssd') }}
                    </th>
                    <th>
                        {{ trans('cruds.idp.fields.returned_to_ssd') }}
                    </th>
                    <th>
                        {{ trans('cruds.idp.fields.bordering_country') }}
                    </th>
                    <th>
                        {{ trans('cruds.idp.fields.interviewer_agency') }}
                    </th>
                    <th>
                        {{ trans('cruds.idp.fields.enumerator_code') }}
                    </th>
                    <th>
                        {{ trans('cruds.idp.fields.comment') }}
                    </th> --}}
                        <th>
                            &nbsp;
                        </th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
@endsection
@section('scripts')
    @parent
    <script>
        $(function() {
            let dtButtons = $.extend(true, [], $.fn.dataTable.defaults.buttons)
            @can('idp_delete')
                let deleteButtonTrans = '{{ trans('global.datatables.delete') }}';
                let deleteButton = {
                    text: deleteButtonTrans,
                    url: "{{ route('admin.idps.massDestroy') }}",
                    className: 'btn-danger',
                    action: function(e, dt, node, config) {
                        var ids = $.map(dt.rows({
                            selected: true
                        }).data(), function(entry) {
                            return entry.id
                        });

                        if (ids.length === 0) {
                            alert('{{ trans('global.datatables.zero_selected') }}')

                            return
                        }

                        if (confirm('{{ trans('global.areYouSure') }}')) {
                            $.ajax({
                                    headers: {
                                        'x-csrf-token': _token
                                    },
                                    method: 'POST',
                                    url: config.url,
                                    data: {
                                        ids: ids,
                                        _method: 'DELETE'
                                    }
                                })
                                .done(function() {
                                    location.reload()
                                })
                        }
                    }
                }
                dtButtons.push(deleteButton)
            @endcan

            let dtOverrideGlobals = {
                buttons: dtButtons,
                processing: true,
                serverSide: true,
                retrieve: true,
                aaSorting: [],
                ajax: {
                    url: "{{ route('admin.idps.index') }}",
                    data: function(d) {
                        d.sex = $('#sex').val();
                        d.return_state_country_payam_search_field = $(
                            '#return_state_country_payam_search_field').val();
                        d.asylum_country = $('#asylum_country').val();
                        /*d.organization = $('#organization').val();*/
                    }
                },
                columns: [{
                        data: 'placeholder',
                        name: 'placeholder'
                    },{
                        data: 'id',
                        name: 'id',
                        visible: false,
                    },
                    {
                        data: 'DT_RowIndex',
                        name: 'DT_RowIndex',
                        orderable: false,
                        searchable: false
                    },
                    {
                        data: 'unique_id',
                        name: 'unique_id'
                    },
                    {
                        data: 'sex',
                        name: 'sex'
                    },
                    {
                        data: 'family_members',
                        name: 'family_members'
                    },
                    // { data: 'female_family_members', name: 'female_family_members' },
                    // { data: 'number_of_childrens', name: 'number_of_childrens' },
                    // { data: 'number_of_female_childrens', name: 'number_of_female_childrens' },
                    // { data: 'number_of_members_in_co_a', name: 'number_of_members_in_co_a' },
                    {
                        data: 'return_state',
                        name: 'return_state'
                    },
                    {
                        data: 'return_country',
                        name: 'return_country'
                    },
                    {
                        data: 'return_payam',
                        name: 'return_payam'
                    },
                    // { data: 'before_lived', name: 'before_lived' },
                    // { data: 'area_of_origin', name: 'area_of_origin' },
                    // { data: 'state_of_origin', name: 'state_of_origin' },
                    // { data: 'country_of_origin', name: 'country_of_origin' },
                    // { data: 'payam_of_origin', name: 'payam_of_origin' },
                    // { data: 'country_of_asylum', name: 'country_of_asylum' },
                    // { data: 'camp_in_co_a', name: 'camp_in_co_a' },
                    // { data: 'registered_as_refugee', name: 'registered_as_refugee' },
                    // { data: 'reasons_for_return', name: 'reasons_for_return' },
                    // { data: 'transport', name: 'transport' },
                    // { data: 'pay_for_trip', name: 'pay_for_trip' },
                    // { data: 'encountered', name: 'encountered' },
                    // { data: 'stay_in_ssd', name: 'stay_in_ssd' },
                    // { data: 'returned_to_ssd', name: 'returned_to_ssd' },
                    // { data: 'bordering_country', name: 'bordering_country' },
                    // { data: 'interviewer_agency', name: 'interviewer_agency' },
                    // { data: 'enumerator_code', name: 'enumerator_code' },
                    // { data: 'comment', name: 'comment' },
                    {
                        data: 'actions',
                        name: '{{ trans('global.actions') }}'
                    }
                ],
                orderCellsTop: true,
                order: [
                    [1, 'desc']
                ],
                pageLength: 100,
            };
            let table = $('.datatable-Idp').DataTable(dtOverrideGlobals);
            $('a[data-toggle="tab"]').on('shown.bs.tab click', function(e) {
                $($.fn.dataTable.tables(true)).DataTable()
                    .columns.adjust();
            });

            $('#idp_refusee_search').on('submit', function(e) {
                e.preventDefault();
                table.draw();
            });

            $("#success-alert").fadeTo(3000, 500).slideUp(500, function() {
                $(this).slideUp(500);
            });

        });
    </script>
@endsection