@extends('adminlte::page')

@section('title', 'Country')




@section('content_header')
    <div class="row mb-2">
        <div class="col-sm-6 col-6">
            <h1>Country</h1>
        </div>
        <div class="col-sm-6 col-6">
            <div class=" float-right">
            <a href="{{ route('admin.vi.country.visa.create',$id) }}" class="btn btn-primary">Add</a>
            </div>
        </div>
    </div>
@stop



@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <!-- /.box-header -->
                <div class="card-body table-responsive">

                    <table class="table table-bordered">
                        <tr>
                            <th>From Country</th>
                            <th>To Country</th>
                            <th>Slug</th>
                            <th>Price</th>
                            <th>Success Count</th>
                            <th>Days</th>
                            <!-- <th>Visa's</th>							 -->
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                        @foreach ($country as $blg)
                            <tr id="tr_{{$blg['to_country_id']}}">
                                
                                <td>{{$blg['from_country']['name']}}</td>
                                <td>{{$blg['to_country']['name']}}</td>
                                <td>{{$blg['slug']}}</td>
                                <td>{{$blg['price']}}</td>
                                <td>{{$blg['count_success']}}</td>
                                <td>{{$blg['visa_in_days']}}</td>
								<!-- <td>
								@foreach($blg['visa_menu'] as $visa)
								<a>{{$visa['category']['name']}}</a>|
								@endforeach
								</td> -->
                                <td>{{($blg['status'] =='Y')?'Active':'Deactive'}}</td>
                                <td>
									
                                    <a href="{{route('admin.vi.country.visa.edit',$blg['id'])}}">
                                       <i class="fas fa-pencil-alt"></i>
                                    </a>&nbsp;&nbsp;
                                    <a title="Deactivate"
                                       href="{{route('admin.vi.country.visa.activeDeactivate',$blg['id'])}}">
                                        <i class="fa  fa-lock"
                                           aria-hidden="true"></i>
                                    </a>&nbsp;&nbsp;
                                    
                                </td>
                            </tr>
                        @endforeach
                    </table>
               
                </div>
                <!-- /.box-body -->

     
            </div>
        </div>
        <!-- /.col -->
    </div>
@section('js')
    <script type="text/javascript">
        $(document).ready(function () {
            $('.chk_featured').change(function(e) {
                var featured = 0;
                if($(this).is(':checked')){
                    featured = 1;
                }
                $.ajax({
                    url:$(this).attr('data-url'),
                    data:{featured:featured},
                    type:"GET",
                    success:function(data)
                    {
                        data = JSON.parse(data);
                        if(data['error'] == true){
                            new PNotify({
                                title: 'Alert',
                                text: data['message'],
                                type: 'error',
                                styling: 'bootstrap3',
                                delay: 3000
                            });
                        }else{
                            new PNotify({
                                title: 'Alert',
                                text: data['message'],
                                type: 'success',
                                styling: 'bootstrap3',
                                delay: 3000
                            });
                        }
                    }
                });
            });

            $(document).on('confirm', function (e) {
                var ele = e.target;
                e.preventDefault();
                $.ajax({
                    url: ele.href,
                    type: 'DELETE',
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    success: function (data) {
                        if (data['success']) {
                            $("#" + data['tr']).slideUp("slow");
                            alert(data['success']);
                        } else if (data['error']) {
                            alert(data['error']);
                        } else {
                            alert('Whoops Something went wrong!!');
                        }
                    },
                    error: function (data) {
                        alert(data.responseText);
                    }
                });
                return false;
            });
        });
    </script>
@stop

@stop