@extends('index')
@section('title', Helper::getSiteTitle($title))

@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box">
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">{{ __('Dashboard') }}</a></li>
                    <li class="breadcrumb-item"><a href="javascript:void(0)">{{ __('Pages') }}</a></li>
                    <li class="breadcrumb-item"><a href="javascript:void(0)">{{ __('Orders') }}</a></li>
                    <li class="breadcrumb-item active">{{ __($title) }}</li>
                </ol>
            </div>
            <h4 class="page-title">{{ __($title) }}</h4>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-12">
        <div class="card-box">
            <ul class="nav nav-tabs nav-bordered">
                <li class="nav-item">
                    <a href="#home" data-toggle="tab" aria-expanded="true" class="nav-link {{ !session('tab_id') || session('tab_id') == 'home' ? 'active' : '' }}">
                        Home Page
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#about-us" data-toggle="tab" aria-expanded="false" class="nav-link {{ session('tab_id') && session('tab_id') == 'about-us' ? 'active' : '' }}">
                        About Us Page
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#contact-us" data-toggle="tab" aria-expanded="false" class="nav-link {{ session('tab_id') && session('tab_id') == 'contact-us' ? 'active' : '' }}">
                        Contact Us PAge
                    </a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane {{ !session('tab_id') || session('tab_id') == 'home' ? 'show active' : '' }}" id="home">
                    <p class="sub-header">
                        All the fields with (<span class='required-label'>*</span>) are required & others are optional which user may update later.
                    </p>
                    <form class="submit-form" action="{{ route('pages-seo-list', 'home') }}" method="post">
                        <div class="row">
                            <div class="col-lg-6">
                                {{ csrf_field() }}
                                <div class="display-messages">
                                    @if(!session('tab_id') || session('tab_id') == 'home')
                                        @if($errors->any())
                                        <div class="alert alert-danger" role="alert">
                                            @foreach ($errors->all() as $error)
                                                {!! $error !!}<br>
                                            @endforeach
                                        </div>
                                        @elseif(session('message'))
                                        <div class="alert alert-success" role="alert">
                                            {!! session('message') !!}
                                        </div>
                                        @endif
                                    @endif
                                </div>

                                @php
                                    $seo = DB::table('seo_data')->where('page', 'home')->first();

                                    $meta_keywords = [];
                                    $meta_title = $meta_description = null;

                                    if(!empty($seo) && isset(json_decode($seo->data)->title))
                                    {
                                        $meta_title = json_decode($seo->data)->title;
                                    }

                                    if(!empty($seo) && isset(json_decode($seo->data)->keywords))
                                    {
                                        $meta_keywords = explode(',', json_decode($seo->data)->keywords);
                                    }

                                    if(!empty($seo) && isset(json_decode($seo->data)->description))
                                    {
                                        $meta_description = json_decode($seo->data)->description;
                                    }
                                @endphp
                                
                                <div class="form-group">
                                    <label for="login-email">Meta Title</label>
                                    <input type="text" class="form-control" id="login-email" placeholder="Meta Title" name="title" value="{{ Helper::getInputValue('title', $meta_title) }}">
                                </div>

                                <div class="form-group">
                                    <label for="login-email">Meta Keywords</label>
                                    <select class="form-control" name="keywords[]" data-toggle="select2tags" multiple="" data-placeholder="Add Meta Keywords">
                                        @foreach($meta_keywords as $meta_keyword)
                                            <option value="{{ trim($meta_keyword) }}" selected>{{ trim($meta_keyword) }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="login-email">Meta Description</label>
                                    <textarea class="form-control" placeholder="Meta Description" rows="7" name="description" value="{{ Helper::getInputValue('description', $meta_description) }}">{{ Helper::getInputValue('description', $meta_description) }}</textarea>
                                </div>

                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col-12">
                                
                                <button type="submit" class="btn btn-info waves-effect waves-light form-submit-button">
                                    <span class="btn-label"><i class="mdi mdi-pencil"></i><span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true"></span></span>
                                    {{ __('Update') }}
                                </button>

                            </div>
                        </div>
                    </form>
                </div>
                <div class="tab-pane {{ session('tab_id') && session('tab_id') == 'about-us' ? 'show active' : '' }}" id="about-us">
                    <p class="sub-header">
                        All the fields with (<span class='required-label'>*</span>) are required & others are optional which user may update later.
                    </p>
                    <form class="submit-form" action="{{ route('pages-seo-list', 'about-us') }}" method="post">
                        <div class="row">
                            <div class="col-lg-6">
                                {{ csrf_field() }}
                                <div class="display-messages">
                                    @if(!session('tab_id') || session('tab_id') == 'about-us')
                                        @if($errors->any())
                                        <div class="alert alert-danger" role="alert">
                                            @foreach ($errors->all() as $error)
                                                {!! $error !!}<br>
                                            @endforeach
                                        </div>
                                        @elseif(session('message'))
                                        <div class="alert alert-success" role="alert">
                                            {!! session('message') !!}
                                        </div>
                                        @endif
                                    @endif
                                </div>
                                
                                @php
                                    $seo = DB::table('seo_data')->where('page', 'about-us')->first();

                                    $meta_keywords = [];
                                    $meta_title = $meta_description = null;

                                    if(!empty($seo) && isset(json_decode($seo->data)->title))
                                    {
                                        $meta_title = json_decode($seo->data)->title;
                                    }

                                    if(!empty($seo) && isset(json_decode($seo->data)->keywords))
                                    {
                                        $meta_keywords = explode(',', json_decode($seo->data)->keywords);
                                    }

                                    if(!empty($seo) && isset(json_decode($seo->data)->description))
                                    {
                                        $meta_description = json_decode($seo->data)->description;
                                    }
                                @endphp
                                
                                <div class="form-group">
                                    <label for="login-email">Meta Title</label>
                                    <input type="text" class="form-control" id="login-email" placeholder="Meta Title" name="title" value="{{ Helper::getInputValue('title', $meta_title) }}">
                                </div>

                                <div class="form-group">
                                    <label for="login-email">Meta Keywords</label>
                                    <select class="form-control" name="keywords[]" data-toggle="select2tags" multiple="" data-placeholder="Add Meta Keywords">
                                        @foreach($meta_keywords as $meta_keyword)
                                            <option value="{{ trim($meta_keyword) }}" selected>{{ trim($meta_keyword) }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="login-email">Meta Description</label>
                                    <textarea class="form-control" placeholder="Meta Description" rows="7" name="description" value="{{ Helper::getInputValue('description', $meta_description) }}">{{ Helper::getInputValue('description', $meta_description) }}</textarea>
                                </div>

                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col-12">
                                
                                <button type="submit" class="btn btn-info waves-effect waves-light form-submit-button">
                                    <span class="btn-label"><i class="mdi mdi-pencil"></i><span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true"></span></span>
                                    {{ __('Update') }}
                                </button>

                            </div>
                        </div>
                    </form>
                </div>
                <div class="tab-pane {{ session('tab_id') && session('tab_id') == 'contact-us' ? 'show active' : '' }}" id="contact-us">
                    <p class="sub-header">
                        All the fields with (<span class='required-label'>*</span>) are required & others are optional which user may update later.
                    </p>
                        
                    <form class="submit-form" action="{{ route('pages-seo-list', 'contact-us') }}" method="post">
                        <div class="row">
                            <div class="col-lg-6">
                                {{ csrf_field() }}
                                <div class="display-messages">
                                    @if(!session('tab_id') || session('tab_id') == 'contact-us')
                                        @if($errors->any())
                                        <div class="alert alert-danger" role="alert">
                                            @foreach ($errors->all() as $error)
                                                {!! $error !!}<br>
                                            @endforeach
                                        </div>
                                        @elseif(session('message'))
                                        <div class="alert alert-success" role="alert">
                                            {!! session('message') !!}
                                        </div>
                                        @endif
                                    @endif
                                </div>
                                
                                @php
                                    $seo = DB::table('seo_data')->where('page', 'contact-us')->first();

                                    $meta_keywords = [];
                                    $meta_title = $meta_description = null;

                                    if(!empty($seo) && isset(json_decode($seo->data)->title))
                                    {
                                        $meta_title = json_decode($seo->data)->title;
                                    }

                                    if(!empty($seo) && isset(json_decode($seo->data)->keywords))
                                    {
                                        $meta_keywords = explode(',', json_decode($seo->data)->keywords);
                                    }

                                    if(!empty($seo) && isset(json_decode($seo->data)->description))
                                    {
                                        $meta_description = json_decode($seo->data)->description;
                                    }
                                @endphp
                                
                                <div class="form-group">
                                    <label for="login-email">Meta Title</label>
                                    <input type="text" class="form-control" id="login-email" placeholder="Meta Title" name="title" value="{{ Helper::getInputValue('title', $meta_title) }}">
                                </div>

                                <div class="form-group">
                                    <label for="login-email">Meta Keywords</label>
                                    <select class="form-control" name="keywords[]" data-toggle="select2tags" multiple="" data-placeholder="Add Meta Keywords">
                                        @foreach($meta_keywords as $meta_keyword)
                                            <option value="{{ trim($meta_keyword) }}" selected>{{ trim($meta_keyword) }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="login-email">Meta Description</label>
                                    <textarea class="form-control" placeholder="Meta Description" rows="7" name="description" value="{{ Helper::getInputValue('description', $meta_description) }}">{{ Helper::getInputValue('description', $meta_description) }}</textarea>
                                </div>

                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col-12">
                                
                                <button type="submit" class="btn btn-info waves-effect waves-light form-submit-button">
                                    <span class="btn-label"><i class="mdi mdi-pencil"></i><span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true"></span></span>
                                    {{ __('Update') }}
                                </button>

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

@section('css-lib')
<meta name="class-to-open" content='pages_seo'>
<link href="{{ asset('libs/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('js-lib')
<script src="{{ asset('libs/select2/js/select2.min.js') }}"></script>
@endsection