במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

]]jkjjgdjffksdkdxdsghfghdfghfgdfsdsdfsdfsfdsbcxvxcbccwewqeqwewqskfgj במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

@extends("layouts.admin_app")
@section("pageTitle",' Country List')
@section('MainContent')

<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Country   </h1>
    {{-- <a href="{{route('category.create')}}" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm">
        <i class="fas fa-plus fa-sm text-white-50"></i> 
        Create Country
    </a> --}}
</div>
<div class="row">
<div class="card shadow mb-4" style="width: 100%;">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">All Country</h6>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                    <thead>
                        <tr>
                            <th>Id</th>
                            <th>Country Name</th>
                            <th>Slug</th>
                            <th>Citizen</th>
                            <th>ABBR</th>
                            <th>Image</th>
                            <th>Show on Page</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($category as $key=>$value)
                        <tr>
                            <td>{{$key+1}}</td>
                            <td>{{$value->title}}</td>
                            <td>{{$value->slug}}</td>
                            <td>{{$value->citizen}}</td>
                            <td>{{$value->abbre}}</td>
                            <td>@if(isset($value->image))
                                    <img id="imagesrc" src="{{asset('image/category/'.$value->image)}}" style="height:60px;width:60px;border-radius:50px">
                                @else
                                  <img id="imagesrc" src="{{asset('image/dymmy.jpg')}}" style="height:60px;width:60px;border-radius:50px">
                                @endif
                            </td>
                            
                            <td>
                                <label class="switch" 
                                        onclick="ChangeStatus({{$value->onMenu}},{{$value->id}},'page')">
                                  <input type="checkbox" @if(isset($value->onMenu)) @if($value->onMenu == 1) checked @endif @endif>
                                  <span class="slider round"></span>
                                </label>
                            </td>
                            <td>
                               <a data-toggle="tooltip" data-placement="top" title="Edit Country Location Details" href="{{route('category.edit',$value->id)}}" class="btn btn-sm btn-outline-primary btn-icon"><i class="fa fa-edit"></i></a>
                              
                                {{-- <a onclick="ChangeStatus({{$value->status}},{{$value->id}},'trash')" data-toggle="tooltip" data-placement="top" title="Delete Location"  href="javascript:void('0')" class="btn btn-sm btn-outline-danger btn-icon"><i class="fa fa-trash" ></i></a> --}}
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection
@section('MainCss')
@endsection
@section('MainJS')
<script>
$(document).ready(function() {
  $('#dataTable').DataTable();
});
</script>
<script type="text/javascript">
    function ChangeStatus(currentStatus,CatId,statusType){
        var url = "{{ route('category.show', ':id') }}?update="+statusType+"&currentStatus="+currentStatus;
            url = url.replace(':id', CatId);
        window.location.href=url;
    }
</script>
@endsection