@extends('admin.admin_dashboard')
@section('admin')


<div class="page-content">

    <!--breadcrumb-->
    <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3"> 
        <div class="ps-3">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0 p-0">

                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.dashboard') }}"> <i class="bx bx-home-alt"> </i> </a>
                    </li>

                    <li class="breadcrumb-item active" aria-current="page">All Language </li>

                </ol>
            </nav>
        </div>

        <div class="ms-auto">
            <div class="btn-group">
                @if (Auth::user()->can('language.add')) 
                   <a href="{{ route('add.language') }}" class="btn btn-primary px-5">Add Language </a>  
                @endif
            </div>
        </div>
    </div>
    <!--end breadcrumb-->


    

    <hr/>
    
    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
              {{--  <table id="example" class="table table-striped table-bordered" style="width:100%"> --}}
                 <table id="datatable" class="table table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">

                    <thead>
                        <tr>
                            <th>Sl</th>
                            <th> language Name </th>
                            <th> status </th>
                            <th>Action</th> 
                        </tr>
                    </thead>

                    <tbody>
 
                        @foreach($languages as $key => $language)		
                        <tr>
                            <td> {{ $key+1 }} </td>
                            <td>{{ $language->language_name }}</td>

                            <td> 
                                @if($language->status == 1 )
                                <span class="badge rounded-pill bg-success">Active</span>
                                @else
                                <span class="badge rounded-pill bg-danger"> Deactivated </span>
                                @endif
                            </td>
                        
                            <td>
                                @if (Auth::user()->can('language.edit')) 
                                   <a href="{{ route('edit.language', $language->id) }}" class="btn btn-info">Edit</a>
                                @endif

                                @if($language->status == 1 )
                                     @if (Auth::user()->can('language.deactivate'))  
                                         <a href="{{ route('language.inactive', $language->id) }}" class="btn btn-lg btn-secondary mx-1" title="Deactivate Language"> <i class="ri-thumb-down-line"> </i> </a> 
                                     @endif
                           
                                @else

                                    @if (Auth::user()->can('language.activate')) 
                                        <a href="{{ route('language.active', $language->id) }}" class="btn btn-lg btn-primary mx-1 " title="Activate Language"> <i class="ri-thumb-up-line"></i> </a>
                                    @endif

                                @endif

                                @if (Auth::user()->can('language.delete')) 
                                  <a href="{{ route('delete.language', $language->id) }}" class="btn btn-danger" id="delete" >Delete</a>
                                @endif

                            </td> 
                        </tr>
                        @endforeach

                    </tbody>

                    <tfoot>
                        <tr>
                            <th>Sl</th>
                            <th>Language Name </th>
                            <th> status </th>
                            <th>Action</th> 
                        </tr>
                    </tfoot>

                </table>
            </div>
        </div>
    </div>



</div>






@endsection