HOME

@extends('backend.layouts.app')



@section('content')



    <div class="card">

        <form class="" id="" action="" method="GET">

            <div class="card-header row gutters-5">

                <div class="col text-center text-md-left">

                    <h5 class="mb-md-0 h6">{{ translate('Countries') }}</h5>

                </div>

                <div class="col-md-3">

                    <input type="text" class="form-control" id="sort_country" name="sort_country" @isset($sort_country) value="{{ $sort_country }}" @endisset placeholder="{{ translate('Type country name') }}">

                </div>

                <div class="col-md-1">

                    <button class="btn btn-primary" type="submit">{{ translate('Filter') }}</button>

                </div>

            </div>

        </form>

        <div class="card-body">

            <table class="table aiz-table table-striped table-bordered" cellspacing="0" width="100%">

                <thead>

                    <tr>

                        <th width="10%">#</th>

                        <th>{{translate('Name')}}</th>

                        <th data-breakpoints="lg">{{translate('Code')}}</th>

                        <th>{{translate('Show/Hide')}}</th>

                    </tr>

                </thead>

                <tbody>

                    @foreach($countries as $key => $country)

                        <tr>

                            <td>{{ ($key+1) + ($countries->currentPage() - 1)*$countries->perPage() }}</td>

                            <td>{{ $country->name }}</td>

                            <td>{{ $country->code }}</td>

                            <td>

                              <label class="aiz-switch aiz-switch-success mb-0">

                                <input onchange="update_status(this)" value="{{ $country->id }}" type="checkbox" <?php if($country->status == 1) echo "checked";?> >

                                <span class="slider round"></span>

                              </label>

                            </td>

                        </tr>

                    @endforeach

                </tbody>

            </table>

            <div class="aiz-pagination">

                {{ $countries->appends(request()->input())->links() }}

            </div>

        </div>

    </div>

@endsection



@section('script')

    <script type="text/javascript">



        function update_status(el){

            if(el.checked){

                var status = 1;

            }

            else{

                var status = 0;

            }

            $.post('{{ route('countries.status') }}', {_token:'{{ csrf_token() }}', id:el.value, status:status}, function(data){

                if(data == 1){

                    AIZ.plugins.notify('success', '{{ translate('Country status updated successfully') }}');

                }

                else{

                    AIZ.plugins.notify('danger', '{{ translate('Something went wrong') }}');

                }

            });

        }



    </script>

@endsection