@extends('layouts.app')

@section('pageTitle', 'Languages')

@section('content')
<div class="page-content">
  <div class="page-subheading page-subheading-md">
    <ol class="breadcrumb">
        <li><a href="javascript:;">Dashboard</a></li>
        <li class="active"><a href="javascript:;">Locations List</a></li>
    </ol>
   </div>
<div class="page-heading page-heading-md">
    <h2>Languages List</h2>
</div>
<div class="container-fluid-md">
    <div class="panel panel-default">
        <div class="panel-heading">
        <ul class="nav nav-tabs">
            
                         @if (session('status'))
                            <div class="alert alert-success">
                                {{ session('status') }}
                            </div>
                        @endif
                            <li class="active"><a data-toggle="tab" href="#list">Languages</a>
                            </li>
                        </ul>
                        <div class="panel-options" style="padding-right: 20px; padding-top: 5px;">
                            <a href="{{route('languages.create', ['id' => 0])}}" class="btn btn-info pull-right" style="margin-bottom: 1.5em;"><i class="fa fa-fw fa-plus"></i></a>

                        </div>

                        <div class="panel-body">
                            <div class="tab-content">
                                <div id="list" class="tab-pane active">

                                    <div class="mb-5">

                                    </div>
                       <form action="{{ route('languages.index', ['id' => 0]) }}" class="form-horizontal" method="get" enctype="multipart/form-data" novalidate>
                        <div class="form-group row">
                        <label class="col-md-5 col-sm-12 control-label" for="name">Keyword</label>
                        <div class="col-md-5 col-sm-12">
                            <input type="text" class="form-control" id="name" name="name" placeholder="Keyword" value="{{ request('name') }}">
                        </div>
                    </div>
                
                    <div class="form-group row">
                        <div class="col-sm-offset-5 col-sm-7"> <!-- Changed col-sm-8 to col-sm-7 -->
                            <button type="submit" class="btn btn-primary">Search</button>
                        </div>
                    </div>
                </form>
                                   
   
    @if(request()->has('name'))
        <table class="table table-hover table-bordered">
            <thead>
            <tr>
                <th>Name</th>
                <th>Code</th>
                <th>Action</th>
            </tr>
            </thead>
            <tbody>
            @foreach($languages as $language)
            <tr>
                <td>{{ $language->name }}</td>
                <td>{{ $language->language_ISO_639_2_code }}</td>
                
                <td>
                    <a href="{{ route("languages.update", ['id' => $language->id]) }}" class="btn btn-sm btn-primary">Edit</a>
                    <a href="{{ route("languages.delete", ['id' => $language->id]) }}" class="btn btn-sm btn-danger" onClick="return confirm('Are you sure you want to delete this item?');">Delete</a>
                </td>
            </tr>
            @endforeach
            </tbody>
        </table>

        <!-- Pagination Links -->
        <div class="text-center">
            {{ $languages->appends(request()->query())->links() }}
        </div>

    @else
        <p class="text-center">Please enter search criteria to view languages.</p>
    @endif

    </div>
    </div>
    </div>
    </div>
    </div>
                         
@endsection