@extends('backend.layout')
@section('titre')
    Languages
@endsection

@section('content')

    <div class="card">
        <div class="card-header">
            <div class="row">
                <div class="col-md-8">
                    <h5>Liste des Languages</h5>
                </div>
                <div class="col-md-4 text-success text-lg-end iconeadd"><button onclick="window.location.href='{{route('languages.create')}}'" class="btn btn-primary"  >Ajouter language</button>  </div>
            </div>

        </div>

        @if ($msg=Session::get('success'))
            <div class="alert alert-success">
                {{$msg}}
            </div>
    @endif

    <!-- /.card-header -->
        <div class="card-body">
            <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr>

                    <th>Titre</th>
                    <th>nom</th>
                    <th>image</th>
                    <th>Active</th>
                    <th>Status</th>
                    <th>Default</th>
                    <th>action</th>
                </tr>
                </thead>
                <tbody>
                @foreach ($langues as $item)
                    <tr>
                        <td>{{$item->libelle}}</td>
                        <td>{{$item->name}}</td>
                        <td><img class="width-100" src="{{asset('images/languages').'/'.$item->flag}}"></td>
                        <td class="text-center tdaction" id='active{{$item->id}}'>
                            @if($item->active==1)
    
                                <i class="fa fa-check text-success"  ></i>
                                <small class="badge badge-danger"  onclick="update('active',{{$item->id}},0,'languages')"> Désactiver</small>
                            @else
                                <i class="fa fa-times text-danger" ></i>
                                <small class="badge badge-success"  onclick="update('active',{{$item->id}},1,'languages')"> Activer</small>
    
                            @endif
                        </td>
                            <td class="text-center tdaction" id='status{{$item->id}}'>
                            @if($item->status==1)
    
                                <i class="fa fa-check text-success"  ></i>
                                <small class="badge badge-danger"  onclick="update('status',{{$item->id}},0,'languages')"> Désactiver</small>
                            @else
                                <i class="fa fa-times text-danger" ></i>
                                <small class="badge badge-success"  onclick="update('status',{{$item->id}},1,'languages')"> Activer</small>
    
                                @endif
                                </td>
                        <td class="text-center tdaction" id='defaut{{$item->id}}'>
                            @if($item->defaut==1)
    
                                <i class="fa fa-check text-success"  ></i>
                                <small class="badge badge-danger"  onclick="update('defaut',{{$item->id}},0,'languages')"> Désactiver</small>
                            @else
                                <i class="fa fa-times text-danger" ></i>
                                <small class="badge badge-success"  onclick="update('defaut',{{$item->id}},1,'languages')"> Activer</small>
    
                            @endif
                        </td>

                        <td class="actions">
                            <form method="post" action="{{route('languages.destroy',$item->id)}}">
                                @csrf
                                @method('DELETE')
                                <a href="{{route('languages.edit',$item->id)}}">
                                    <button type="button" class="btn btn-edit"><i class="fa fa-edit"></i></button>
                                </a>
                                <button onclick="return confirm('vous etes sure pour supprimer cet langue ?');" type="submit" class="btn btn-remove"><i class="fa fa-trash"></i></button></td>
                        </form>
                    </tr>
                @endforeach

                </tbody>

            </table>
        </div>
        <!-- /.card-body -->
    </div>
@endsection