@extends('admin.layouts.layout')

@section('content')
  <!-- Page Header -->
  <div class="page-header">
    <div class="row align-items-center">
      <div class="col">
        <h3 class="page-title">Default Language</h3>
        <ul class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a>
        </li>
        </li>        
          <li class="breadcrumb-item active"> Set default language </li>
        </ul>
      </div>
      <div class="col-auto"></div>
    </div>
  </div>
  <!-- /Page Header -->

  <div class="row">
    <div class="col-md-12">
      <div class="card">
        <div class="card-body">
          <h4 class="card-title">Default Language</h4>
          <form  action="{{route('set-default-lang')}}" method="post" enctype="multipart/form-data">
            @csrf
            <div class="row">
              <div class="col-md-3 col-xs-12">
                <div class="form-group">
                  <label>Active Default Language</label>
                  <select name="default_lang" id="default_lang" class="form-control">               
                    <option @if($default_lang_code == "en") selected @endif value="en">English</option>  
                    @foreach($lang_list as $lang)
                    <option @if($default_lang_code == $lang->code) selected @endif value="{{$lang->code}}">{{$lang->name}}</option>
                    @endforeach                                        
                  </select>
                </div>
              </div>
            </div>                      

            <div class="mt-1">
              <button type="submit" class="btn btn-primary">Change default</button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>

<!-- Page Header -->
  <div class="page-header">
    <div class="row align-items-center">
      <div class="col">
        <h3 class="page-title">Language List </h3>
        <ul class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a>
        </li>
        </li>        
          <li class="breadcrumb-item active">Language List </li>
        </ul>
      </div>
      <div class="col-auto">
        <a href="{{ route('add-lang') }}" class="btn btn-primary mr-1">
          <i class="fas fa-plus"></i>
        </a>
      </div>
    </div>
  </div>
  <!-- /Page Header -->

  <div class="row">
    <div class="col-sm-12">

      <div class="card card-table">
        <div class="card-body">
          <div class="table-responsive">
            <table class="table table-center table-hover datatable">
              <thead class="thead-light">
                <tr>
                  <th>ID</th>
                  <th>Name</th>
                  <th>Code</th>
                  <th>Default</th>
                  <th>Direction</th>
                  <th class="text-right">Actions</th>
                </tr>
              </thead>
              <tbody>
                @foreach($lang_list as $lang)
                  <tr>
                    <td>{{$lang->id}}</td>
                    <td>{{$lang->name}}</td>
                    <td>{{$lang->code}}</td>
                    <td> @if(isset($lang->default) && $lang->default == 1) <span class="badge badge-info">Yes</span> @else <span class="badge badge-secondary">No</span> @endif</td>
                    <td style="text-transform:uppercase;">{{$lang->direction}}</td>
                    <td class="text-right">
                      <!-- <a href="{{ route('edit-menu', $lang->id) }}" class="btn btn-sm btn-white text-success mr-2"><i class="far fa-edit mr-1"></i> Edit </a>
                      <a href="{{ route('delete-menu', $lang->id) }}" onclick="return confirm('Are you sure you want to delete this item?');" class="btn btn-sm btn-white text-danger mr-2"><i class="far fa-trash-alt mr-1"></i>Delete</a>                       -->
                    </td>
                  </tr>
                @endforeach
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection