@extends('shaun_core::admin.layouts.master')

@section('content')
<div class="admin-card has-table">
    <div class="admin-card-top">
        <h5 class="admin-card-top-title">{{ $title }}</h5>
        <div class="admin-card-top-action">
            <a class="button admin_modal_ajax btn-filled-blue" data-url="{{route('admin.country.create')}}" href="javascript:void(0);">{{__('Create new')}}</a>
            <button type="button" id="delete_button" class="btn-filled-red">
                {{__('Delete')}}
            </button>
            <button type="button" id="active_button" class="btn-filled-blue">
                {{__('Active')}}
            </button>
            <button type="button" id="deactive_button" class="btn-filled-blue">
                {{__('Deactive')}}
            </button>
        </div>
    </div>
    <div class="admin-card-body table-responsive">
        <form method="post" id="country_form" action="{{route('admin.country.store_manage')}}">
            {{ csrf_field() }}
            <input type="hidden" id="action" name="action">
            <table class="admin-table table table-hover">
                <thead>
                    <th width="30">
                        <input class="form-check-input col-check check_all" type="checkbox" value="" id="">
                    </th>
                    <th width="40"></th>
                    <th>
                        {{__('ISO')}}
                    </th>
                    <th>
                        {{__('Name')}}
                    </th>
                    <th width="150">
                        {{__('Number of States')}}
                    </th>
                    <th width="100">
                        {{__('Active')}}
                    </th>
                    <th width="200">
                        {{__('Action')}}
                    </th>
                </thead>
                <tbody id="countries_list">
                    @foreach ($countries as $country)
                    <tr data-id="{{$country->id}}">
                        <td width="30">
                            <input class="form-check-input col-check check_item" type="checkbox" name="ids[]" value="{{$country->id}}">
                        </td>
                        <td>
                            <span role="button" class="material-symbols-outlined notranslate admin-menu-table-col-icon"> open_with </span>
                        </td>
                        <td>
                            {{$country->country_iso}} 
                        </td>
                        <td>
                            {{$country->getTranslatedAttributeValue('name')}}
                        </td>     
                        <td>
                            {{$country->state_count}} 
                        </td>
                        <td>
                            @if ($country->is_active)
                                {{__('Yes')}}
                            @else
                                {{__('No')}}
                            @endif
                        </td>    
                        <td class="actions-cell" width="150">
                            <a class="admin_modal_ajax" href="javascript:void(0);" data-url="{{route('admin.country.create',$country->id)}}">
                                {{__('Edit')}}
                            </a>
                            <a href="{{route('admin.country.state.index',$country->id)}}">
                                {{__('Manage States')}}
                            </a>
                            <a class="button-red admin_modal_confirm_delete" href="javascript:void(0);" data-url="{{route('admin.country.delete',$country->id)}}">
                                {{__('Delete')}}
                            </a>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </form>
    </div>
</div>
@stop

@push('scripts-body')
<script src="{{ asset('admin/js/lib/Sortable.min.js') }}"></script>
<script src="{{ asset('admin/js/translation.js') }}"></script>
<script src="{{ asset('admin/js/country.js') }}"></script>
<script>
    adminCountry.initCountriesListing('{{route('admin.country.store_order')}}');
    adminCore.initCheckAll();
    adminTranslate.add({
        'confirm_delete_country_multiple' : '{{addslashes(__('Are you sure you want to delete these countries? This cannot be undone!'))}}',
        'confirm_active_country_multiple' : '{{addslashes(__('Are you sure you want to active these countries?'))}}',
        'confirm_deactive_country_multiple' : '{{addslashes(__('Are you sure you want to deactive these countries?'))}}'
    });
</script>
@endpush