@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 Content</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 nk-block-lg">
                                        <div class="card card-bordered">
                                            <div class="card-inner">
                                                <form method="POST" action="{{ route('admin.savelanguagecontent')}}" class="form-validate">
                                                {{ csrf_field() }}
                                                <div class="row g-gs">
                                                       <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="form-label" for="fv-topics">Language</label>
                                                                <div class="form-control-wrap ">
                                                                    <select class="form-control form-select" id="language" name="language" data-placeholder="Select a language" required>
                                                                        <option label="empty" value=""></option>
                                                                        @foreach($activelanguage as $language)
                                                                            <option value="{{@$language->id}}">{{ ucfirst(@$language->language_name)}}</option>
                                                                       @endforeach                                                              
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="form-label" for="fv-topics">Page</label>
                                                                <div class="form-control-wrap ">
                                                                    <select class="form-control form-select" id="page" name="page" data-placeholder="Select a page" required>
                                                                        <option label="empty" value=""></option>
                                                                        @foreach($languagepages as $languagepage)
                                                                        @php
                                                                             $pagename = str_replace("-", " ", $languagepage->page_name);
                                                                         @endphp
                                                                             <option value="{{ @$languagepage->id}}">{{ ucfirst($pagename)}}</option>
                                                                         @endforeach                                                                                                                          
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="form-label" for="fv-topics">Module</label>
                                                                <div class="form-control-wrap ">
                                                                    <select class="form-control form-select" id="module" name="module" data-placeholder="Select a module" required>
                                                                        <option label="empty" value=""></option>
                                                                        @foreach($users as $user)
                                                                         <option value="{{$user->role->role}}">{{$user->role->role}}</option>
                                                                        @endforeach                                                                                                                                       
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="form-label" for="fv-topics">Section</label>
                                                                <div class="form-control-wrap ">
                                                                    <select class="form-control form-select" id="section" name="section" data-placeholder="Select a section" required>
                                                                        <option label="empty" value=""></option>
                                                                        <option value="header">Header</option>
                                                                        <option value="footer">Footer</option>                                                                  
                                                                        <option value="left-navigation">Left Navigation</option>                                                                  
                                                                        <option value="main-content">Main content</option>                                                                    
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label class="form-label" for="fv-full-name">Language Key</label>
                                                                <div class="form-control-wrap">
                                                                    <input type="text" class="form-control" id="language_key" name="language_key" required>
                                                                </div>
                                                            </div>
                                                        </div>                                                      
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label class="form-label" for="fv-message">Language Content</label>
                                                                <div class="form-control-wrap">
                                                                    <textarea class="form-control form-control-sm" id="language_content" name="language_content" placeholder="Write your message" required></textarea>
                                                                </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>
                                                             
                                    <div class="nk-block nk-block-lg">
                                        <div class="nk-block-head">
                                            <div class="nk-block-head-content">
                                                <h4 class="nk-block-title">Language Content</h4>                                          
                                            </div>
                                        </div>
                                        <div class="card card-preview">
                                            <div class="card-inner">
                                                <table class="datatable-init nk-tb-list nk-tb-ulist" data-auto-responsive="false">
                                                    <thead>
                                                        <tr class="nk-tb-item nk-tb-head">
                                                            <th class="nk-tb-col tb-col-mb"><span class="sub-text">S.NO</span></th>
                                                            <th class="nk-tb-col tb-col-md"><span class="sub-text">Language</span></th>
                                                            <th class="nk-tb-col tb-col-lg"><span class="sub-text">Module</span></th>
                                                            <th class="nk-tb-col tb-col-lg"><span class="sub-text">Language Key</span></th>
                                                            <th class="nk-tb-col tb-col-md"><span class="sub-text">Content</span></th>
                                                            <th class="nk-tb-col nk-tb-col-tools text-right">Actions</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    @php
                                                        $i = 1;
                                                    @endphp
                                                     @foreach($languagecontents as $languagecontent)
                                                        <tr class="nk-tb-item">
                                                            <td class="nk-tb-col tb-col-md">
                                                                <span>{{$i}}</span>
                                                            </td>
                                                            <td class="nk-tb-col tb-col-md">
                                                                <span>{{$languagecontent->languagename->language_name}}</span>
                                                            </td>
                                                            <td class="nk-tb-col tb-col-lg" data-order="Email Verified - Kyc Unverified">
                                                                 <span>{{$languagecontent->module}}</span>
                                                            </td>
                                                            <td class="nk-tb-col tb-col-lg">
                                                                <span>{{$languagecontent->language_key}}</span>
                                                            </td>
                                                            <td class="nk-tb-col tb-col-md">
                                                                <span>{{$languagecontent->language_content}}</span>
                                                            </td>
                                                            <td class="nk-tb-col nk-tb-col-tools">
                                                                <ul class="nk-tb-actions gx-1">
                                                                    <li>
                                                                        <div class="drodown">
                                                                            <a href="#" class="dropdown-toggle btn btn-icon btn-trigger" data-toggle="dropdown"><em class="icon ni ni-more-h"></em></a>
                                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                                <ul class="link-list-opt no-bdr">
                                                                                    <li><a href="{{route('admin.editcontent',['id'=>$languagecontent->id])}}"><em class="icon ni ni-edit"></em><span>Edit</span></a></li>
                                                                                    <li><a class="eg-swal-av3" href="{{route('admin.deletecontent',['id'=>$languagecontent->id])}}"><em class="icon ni ni-trash"></em><span>Delete</span></a></li>
                                                                                    <li><a href="{{route('admin.deletecontent',['id'=>$languagecontent->id])}}" class="btn btn-primary eg-swal-av3">Advanced 03</a></li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </li>
                                                                </ul>
                                                            </td>
                                                        </tr>
                                                        @php
                                                            $i++;
                                                        @endphp   
                                                     @endforeach                                                  
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div><!-- .card-preview -->
                                    </div> <!-- nk-block -->

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