@extends('admin.default')
@section('title', 'Admin | Countries List')
@section('content')	
@php
$permissions= getPermissions();
@endphp		
<div id="add-msg"></div>
   <nav class="page-breadcrumb">
      <ol class="breadcrumb">
         <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
         <li class="breadcrumb-item active" aria-current="page">Countries List</li>
      </ol>
   </nav>
   <div class="row">
      <div class="col-md-12 grid-margin stretch-card">
         <div class="card">
            <div class="card-body">
               <h6 class="card-title">Countries List</h6>
               <div class="table-responsive">
                  <table id="dataTableExample" class="table">
                     <thead>
                        <tr>
                           <th>Country</th>
                           <th>Out of Scope</th>
                           <th>Citizen Score</th>
                           <th>Residence Score</th>
                           @if(isset($permissions) && isset($permissions['countries_save_button']) && $permissions['countries_save_button']==1)  
                              <th>Status</th>
                           @endif
                           <th><span class="float-right">Action</span></th>
                        </tr>
                     </thead>
                     <tbody>
                        @foreach($data as $key)
                        <tr>
                            <form method="post" action="route('countriesStore', $key->id)" class="d-inline store-form" data-id="{{$key->id}}">
                            @csrf
                            <td>{{$key->name}}</td>
                            <td>
                                <select class="form-control" name="out_of_scope" required>
                                    <option value="yes" {{(isset($key->out_of_scope) && $key->out_of_scope == "yes")?'selected':'';}}>Yes</option>
                                    <option value="no" {{(isset($key->out_of_scope) && $key->out_of_scope == "no")?'selected':'';}}>No</option>
                                </select>
                            </td>
                            <td>
                                <select class="form-control" name="citizen_criteria" required>
                                    <option value="low" {{(isset($key->citizen_criteria) && $key->citizen_criteria == "low")?'selected':'';}}>Low</option>
                                    <option value="medium" {{(isset($key->citizen_criteria) && $key->citizen_criteria == "medium")?'selected':'';}}>Medium</option>
                                    <option value="high" {{(isset($key->citizen_criteria) && $key->citizen_criteria == "high")?'selected':'';}}>High</option>
                                    <option value="prohibited" {{(isset($key->citizen_criteria) && $key->citizen_criteria == "prohibited")?'selected':'';}}>Prohibited</option>
                                </select>
                            </td>
                            <td>
                                <select class="form-control" name="residence_criteria" required>
                                    <option value="low" {{(isset($key->residence_criteria) && $key->residence_criteria == "low")?'selected':'';}}>Low</option>
                                    <option value="medium" {{(isset($key->residence_criteria) && $key->residence_criteria == "medium")?'selected':'';}}>Medium</option>
                                    <option value="high" {{(isset($key->residence_criteria) && $key->residence_criteria == "high")?'selected':'';}}>High</option>
                                    <option value="prohibited" {{(isset($key->residence_criteria) && $key->residence_criteria == "prohibited")?'selected':'';}}>Prohibited</option>
                                </select>
                            </td>
                            <td>
                                <select class="form-control" name="status" required>
                                    <option value="new" {{(isset($key->status) && $key->status == "new")?'selected':'';}}>Inactive</option>
                                    <option value="active" {{(isset($key->status) && $key->status == "active")?'selected':'';}}>Active</option>
                                </select>
                            </td>
                           <td class="float-right">
                              @if(isset($permissions) && isset($permissions['countries_save_button']) && $permissions['countries_save_button']==1)  
                                 <input type="hidden" class="id" name="id" value="{{$key->id}}">
                                 <input class="btn btn-sm btn-outline-info save"  type="submit" name="save" value="Save">
                              @endif
                           </td>
                           </form>
                        </tr>
                        @endforeach
                     </tbody>
                  </table>

               </div>
            </div>
         </div>
      </div>
   </div>
   <script type="text/javascript">
    $(document).ready(function() {
    var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
    $(".store-form").on('submit', function (event) {
        var id = $(this).data('id');
        $('.save').val("Wait");
		event.preventDefault();
		$.ajax({
			dataType: "json",
			url: "/administrator/countries-store/"+id,
			type: "POST",
			processData: false,
			contentType: false,
			data:new FormData(this),
			success: function(response){
				if(response){
				  console.log(response);  
					if(response['error'] == false){
						$('#add-msg').html('<div class="alert alert-success">' + response['message'] + '</div>');
					}
					else if(response['signal'] == 'errors'){
						$('#add-msg').html('<div class="alert alert-danger">' + response['message'] + '</div>');
					}else{
						$('#add-msg').html('<div class="alert alert-danger">JSON formate error!!</div>');
					}  
				}
			},
			error: function(){
				$('#add-msg').html('<div class="alert alert-danger">Something went wrong. Please try again later!</div>');
			},
            complete: function(){
                $('.save').val("Save");
            }
		});
    });
  });

</script>
@stop