@extends('layouts.admin')

@section('content')
<div class="nk-content ">
                    <div class="container-fluid">
                        <div class="nk-content-inner">
                            <div class="nk-content-body">
                                <div class="nk-block-head">
                                    <div class="nk-block-between g-3">
                                        <div class="nk-block-head-content"> 
                                            <h3 class="nk-block-title page-title">Add Language</h3>
                                        </div><!-- .nk-block-head-content -->
                                        @if (session('success'))
                                          <div class="alert alert-fill alert-success alert-icon" style="margin-bottom:0px; padding: 13px 50px !important;">
                                                <em class="icon ni ni-check-circle"></em> <strong>{{ session('success') }}</strong>
                                           </div>
                                        @endif
                                        @if ($errors->any())
                                            <div class="alert alert-danger" style="margin-bottom:0px;">
                                                <ul>
                                                @foreach ($errors->all() as $error)
                                                    <li>{{ $error }}</li>
                                                @endforeach
                                                </ul>
                                            </div>
                                        @endif
                                    </div><!-- .nk-block-between -->
                                </div><!-- .nk-block-head -->
                                <div class="nk-block">
                                <div class="nk-block nk-block-lg">
                                        <div class="card card-bordered">
                                            <div class="card-inner">
                                                <form method="POST" action="{{ route('admin.savelangauge') }}" class="form-validate is-alter" enctype="multipart/form-data">
                                                {{ csrf_field() }}
                                                <input type="hidden" value="" id="language_code" name="language_code">
                                                    <div class="row g-gs">   
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="form-label" for="fva-topics">Language</label>
                                                                <div class="form-control-wrap ">
                                                                    <select class="form-control" id="language" name="language" data-placeholder="Select language" required>
                                                                        <option value="">Select langauge</option>
                                                                        @foreach($languages as $language )
                                                                            <option lang="{{@$language->language_code}}" value="{{@$language->language_name}}">{{@$language->language_name}}</option>
                                                                        @endforeach                                                            
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <button type="submit" class="btn btn-lg btn-primary">Save</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div><!-- .nk-block -->
                                </div><!-- .nk-block -->
				                @if(count($activelanguage) > 0)
					            <div class="nk-block">
                                    <div class="card card-bordered card-stretch">
                                        <div class="card-inner-group">
                                            <div class="card-inner p-0">
                                                <table class="table table-orders">
                                                    <thead class="tb-odr-head">
                                                        <tr class="tb-odr-item">
                                                            <th class="tb-odr-info">
                                                                <span class="tb-odr-id">S.NO</span>                                                 
                                                            </th>
                                                            <th class="tb-odr-amount">
                                                                <span class="tb-odr-total">Name</span>
                                                                <span class="tb-odr-status d-none d-md-inline-block">Code</span>
                                                            </th>
                                                    
                                                            <th class="tb-odr-action">Status</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody class="tb-odr-body">
                                                       @php
                                                        $i=1;
                                                       @endphp
                                                       @foreach($activelanguage as $language)                                                       
                                                        <tr class="tb-odr-item">
                                                            <td class="tb-odr-info">
                                                                <span class="tb-odr-id"><a href="#">#{{$i}}</a></span>
                                                            </td>
                                                            <td class="tb-odr-amount">
                                                                <span class="tb-odr-total">
                                                                    <span class="amount.">{{ ucfirst(@$language->language_name)}}</span>
                                                                </span>
                                                                <span class="tb-odr-status">
                                                                    <span>{{@$language->language_code}}</span>
                                                                </span>
                                                            </td>
                                                            
                                                            <td class="tb-odr-action">
                                                                                                                            <!--
                                                                 <span class="tb-odr-status">
                                                                    <span class="badge badge-md badge-pill badge-outline-primary ">{{@$status}}</span>
                                                                </span>
                                                                -->                                      
 
                                                            <div class="custom-control custom-switch">
                                                                <input type="checkbox" class="custom-control-input languagestatus" id="{{@$language->id}}" data-code="{{@$language->language_code}}" {{@$language->status ? 'checked' : '' }}>
                                                                <label class="custom-control-label" for="{{@$language->id}}"></label>
                                                            </div>                                                     
                                                            </td>
                                                        </tr><!-- .tb-odr-item -->
                                                        @php
                                                        $i++;
                                                        @endphp
                                                        @endforeach 
                                                    </tbody>
                                                </table>
                                            </div><!-- .card-inner -->
                                        </div><!-- .card-inner-group -->
                                    </div><!-- .card -->
                                </div><!-- .nk-block -->
								@endif
                            </div>
                        </div>
                    </div>
                </div>
@endsection    
<!--
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script>
     $(document).ready(function(){
        $("#language").change(function(){
             var languagecode = $(this).find(':selected').attr('lang');
            // $('option:selected', this).attr('myTag');
             $('#language_code').val(languagecode);
        });
     });
</script>
-->