@extends('layouts.hope.page')

@php
    $title = $page->name.' Setting';
    $this_helper = 'masters.project.';
@endphp

@section('title', $title)

@section('content')
    <div class="card">
        <div class="card-header">
            {{$title}} List
        </div>
        <div class="card-body">
            <ul class="nav nav-tabs" id="myTab" role="tablist">
                {{-- <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home-tab-pane" type="button"
                        role="tab" aria-controls="home-tab-pane" aria-selected="true">Home</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile-tab-pane" type="button"
                        role="tab" aria-controls="profile-tab-pane" aria-selected="false">Profile</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact-tab-pane" type="button"
                        role="tab" aria-controls="contact-tab-pane" aria-selected="false">Contact</button>
                </li> --}}
                @foreach ($languages as $key => $language)
                    <li class="nav-item" role="presentation">
                        <button class="nav-link {{$key == 0 ? 'active' : ''}}" id="{{$language->code}}-tab" data-bs-toggle="tab" data-bs-target="#{{$language->code}}-tab-pane" type="button"
                            role="tab" aria-controls="{{$language->code}}-tab-pane" aria-selected="false">{{$language->language}}</button>
                    </li>
                @endforeach
            </ul>
            <hr>
            <div class="tab-content" id="myTabContent">
                {{-- <div class="tab-pane fade show active" id="home-tab-pane" role="tabpanel" aria-labelledby="home-tab" tabindex="0">
                    Home
                </div>
                <div class="tab-pane fade" id="profile-tab-pane" role="tabpanel" aria-labelledby="profile-tab" tabindex="0">
                    Profile
                </div>
                <div class="tab-pane fade" id="contact-tab-pane" role="tabpanel" aria-labelledby="contact-tab" tabindex="0">
                    Contact
                </div> --}}
                @foreach ($languages as $key => $language)
                    @php
                        $setting = $language->getSetting($page->id,$language->id);
                    @endphp
                    <div class="tab-pane fade {{$key == 0 ? 'show active' : ''}}" id="{{$language->code}}-tab-pane" role="tabpanel" aria-labelledby="{{$language->code}}-tab" tabindex="0">
                        <form action="{{route('masters.page-setting.store',$page->id)}}" method="POST">
                            @csrf
                            <input type="hidden" name="page_id" value="{{$page->id}}">
                            <input type="hidden" name="project_language_id" value="{{$language->id}}">
                            <div class="form-group">
                                <label for="">Slug</label>
                                <input required type="text" class="form-control" name="slug" id="slug" aria-describedby="helpId" placeholder="" value="{{$setting->slug ?? ''}}">
                            </div>
                            <div class="form-group">
                                <label for="">Title</label>
                                <input required type="text" class="form-control" name="title" id="title" aria-describedby="helpId" placeholder="" value="{{$setting->title ?? ''}}">
                            </div>
                            <div class="form-group">
                                <label for="">Description</label>
                                <textarea required class="form-control" name="description" id="description" cols="30" rows="5">{{$setting->description ?? ''}}</textarea>
                            </div>
                            <div class="form-group">
                                <label for="">Keyword</label>
                                <textarea required class="form-control" name="keyword" id="keyword" cols="30" rows="5">{{$setting->keyword ?? ''}}</textarea>
                            </div>
                            <button class="btn btn-success w-100">
                                <i class="fas fa-save"></i>
                                Save
                            </button>
                        </form>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@stop

@section('plugins.Datatables', true)

@section('css')
    <link rel="stylesheet" href="{{asset('css/admin_custom.css')}}">
@stop

@section('js')
    <script src="{{asset('js/alert.js')}}"></script>
    <script src="{{asset('js/helper.js')}}"></script>
    <script src="{{asset('js/crud-helper.js')}}"></script>
    <script> console.log('Hi!'); </script>
@stop