@extends('backend.layout.masterlayout')
@section('content')
    @include('backend.partial.sidebar')
    @include('backend.partial.topbar')
    <div class="page-wrapper">
        <!--page-content-wrapper-->
        <div class="page-content-wrapper">
            <div class="page-content">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card radius-15">
                            <div class="card-body">
                                <ul class="nav nav-pills">
                                    <li class="nav-item">
                                        <a class="nav-link active" data-bs-toggle="tab" href="#defaultseotags">
                                            <span class="p-tab-name"><i class="bx bx-purchase-tag"></i>
                                                Default SEO Tags</span>
                                            <i class="bx bx-purchase-tag font-24 d-sm-none"></i>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" data-bs-toggle="tab" href="#navigationseotags">
                                            <span class="p-tab-name"><i class="bx bx-purchase-tag"></i>
                                                Menu & Pages SEO Tags</span>
                                            <i class="bx bx-purchase-tag font-24 d-sm-none"></i>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" data-bs-toggle="tab" href="#navigationseosets">
                                            <span class="p-tab-name"><i class="bx bx-layer"></i>
                                                Menu / Pages SEO Sets</span>
                                            <i class="bx bx-layer font-24 d-sm-none"></i>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="moduleseotags-tab" data-bs-toggle="tab"
                                            href="#moduleseotags">
                                            <span class="p-tab-name"><i class="bx bx-purchase-tag"></i>
                                                Modules SEO Settings</span>
                                            <i class="bx bxs-purchase-tag font-24 d-sm-none"></i>
                                        </a>
                                    </li>
                                </ul>
                                <div class="tab-content mt-3">
                                    <div class="tab-pane fade show active" id="defaultseotags">
                                        <div class="card shadow-none border mb-0 radius-15">
                                            <div class="card-body">
                                                <div class="card-title">
                                                    <h6 class="mb-0" style="font-size:.9rem"><b><i
                                                                class="bx bx-purchase-tag"></i> Default SEO
                                                            Tags
                                                        </b>
                                                    </h6>
                                                </div>
                                                <hr />
                                                <form class="row g-3" method="POST"
                                                    action="{{ route('configure-default-seo-settings') }}"
                                                    enctype="multipart/form-data">
                                                    @csrf
                                                    <p class="pb-2" style="margin-bottom:0;"><strong> -------- Meta Tags
                                                            --------</strong></p>

                                                    <input type="hidden" class="form-control form-control-sm"
                                                        value="{{ $default_setosettings->id }}" name="id" />

                                                    <div class="col-md-2" style="margin-top:15px;">
                                                        <label for="inputLastEnterPassword" class="form-label"
                                                            style="font-size:14px;">Meta
                                                            Title</label>
                                                    </div>
                                                    <div class="col-md-10" style="margin-top:15px;">
                                                        <div class="input-group">
                                                            <input type="text" name="def_metatitle"
                                                                class="form-control form-control-sm" style="width:100%;"
                                                                value="{{ $default_setosettings->def_metatitle }}" />
                                                        </div>
                                                    </div>

                                                    <div class="col-md-2" style="margin-top:15px;">
                                                        <label for="inputLastEnterPassword" class="form-label"
                                                            style="font-size:14px;"> Meta
                                                            Description</label>
                                                    </div>
                                                    <div class="col-md-10" style="margin-top:15px;">
                                                        <div class="input-group">
                                                            <textarea name="def_metadesc" class="form-control form-control-sm" style="width:100%;">{{ $default_setosettings->def_metadesc }}</textarea>
                                                        </div>
                                                    </div>
                                                    <p class="pb-2" style="margin-bottom:0;"><strong> -------- Twitter
                                                            Tags --------</strong></p>
                                                    <div class="col-md-4" style="margin-top:15px;">
                                                        <label for="inputLastEnterPassword" class="form-label"
                                                            style="font-size:14px;">Twitter Site</label>
                                                        <div class="input-group">
                                                            <input type="text" name="twitter_site"
                                                                class="form-control form-control-sm" style="width:100%;"
                                                                value="{{ $default_setosettings->twitter_site }}" />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4" style="margin-top:15px;">
                                                        <label for="inputLastEnterPassword" class="form-label"
                                                            style="font-size:14px;">Twitter Card</label>
                                                        <div class="input-group">
                                                            <input type="text" name="twitter_card"
                                                                class="form-control form-control-sm" style="width:100%;"
                                                                value="{{ $default_setosettings->twitter_card }}" />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4" style="margin-top:15px;">
                                                        <label for="inputLastEnterPassword" class="form-label"
                                                            style="font-size:14px;">Twitter Image</label>
                                                        <div class="input-group">
                                                            <input type="file" name="twitter_img"
                                                                class="form-control form-control-sm"
                                                                style="width:100%;" />
                                                        </div>
                                                        @if ($default_setosettings->twitter_img)
                                                            <img src="{{ asset('uploads/seo-settings/' . $default_setosettings->twitter_img) }}"
                                                                alt="{{ $default_setosettings->twitter_site }}"
                                                                style="width:45%;" />
                                                        @endif
                                                    </div>
                                                    <div class="col-md-12" style="margin-top:15px;">
                                                        <label for="inputLastEnterPassword" class="form-label"
                                                            style="font-size:14px;">Twitter Title</label>
                                                        <div class="input-group">
                                                            <input type="text" name="twitter_title"
                                                                class="form-control form-control-sm" style="width:100%;"
                                                                value="{{ $default_setosettings->twitter_title }}" />
                                                        </div>
                                                    </div>

                                                    <div class="col-md-12" style="margin-top:15px;">
                                                        <label for="inputLastEnterPassword" class="form-label"
                                                            style="font-size:14px;">Twitter Description</label>
                                                        <div class="input-group">
                                                            <textarea name="twitter_des" class="form-control form-control-sm" style="width:100%;">{{ $default_setosettings->twitter_des }}</textarea>
                                                        </div>
                                                    </div>

                                                    <p class="pb-2" style="margin-bottom:0;"><strong> -------- Og Tags
                                                            --------</strong></p>
                                                    <div class="col-md-12" style="margin-top:15px;">
                                                        <label for="inputLastEnterPassword" class="form-label"
                                                            style="font-size:14px;">Og
                                                            Title</label>
                                                        <div class="input-group">
                                                            <input type="text" name="og_title"
                                                                class="form-control form-control-sm" style="width:100%;"
                                                                value="{{ $default_setosettings->og_title }}" />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12" style="margin-top:15px;">
                                                        <label for="inputLastEnterPassword" class="form-label"
                                                            style="font-size:14px;">Og
                                                            Description</label>
                                                        <div class="input-group">
                                                            <textarea name="og_desc" class="form-control form-control-sm" style="width:100%;">{{ $default_setosettings->og_desc }}</textarea>
                                                        </div>
                                                    </div>

                                                    <div class="col-md-3" style="margin-top:15px;">
                                                        <label for="inputLastEnterPassword" class="form-label"
                                                            style="font-size:14px;">Og
                                                            URL</label>
                                                        <div class="input-group">
                                                            <input type="text" name="og_url"
                                                                class="form-control form-control-sm" style="width:100%;"
                                                                value="{{ isset($default_setosettings->og_url) ? $default_setosettings->og_url : Request::root() }}"
                                                                required />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-3" style="margin-top:15px;">
                                                        <label for="inputLastEnterPassword" class="form-label"
                                                            style="font-size:14px;">Og
                                                            Type</label>
                                                        <div class="input-group">
                                                            <input type="text" name="og_type"
                                                                class="form-control form-control-sm" style="width:100%;"
                                                                value="{{ $default_setosettings->og_type }}" readonly />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-3" style="margin-top:15px;">
                                                        <label for="inputLastEnterPassword" class="form-label"
                                                            style="font-size:14px;">Og
                                                            Image</label>
                                                        <div class="input-group">
                                                            <input type="file" name="og_image"
                                                                class="form-control form-control-sm" />
                                                        </div>
                                                        @if ($default_setosettings->og_image)
                                                            <img src="{{ asset('uploads/seo-settings/' . $default_setosettings->og_image) }}"
                                                                alt="{{ $default_setosettings->og_title }}"
                                                                style="width:45%;" />
                                                        @endif
                                                    </div>
                                                    <div class="col-md-3" style="margin-top:15px;">
                                                        <label for="inputLastEnterPassword" class="form-label"
                                                            style="font-size:14px;">Og
                                                            Image Alt</label>
                                                        <div class="input-group">
                                                            <input type="text" name="og_imagealt"
                                                                class="form-control form-control-sm" style="width:100%;"
                                                                value="{{ $default_setosettings->og_imagealt }}" />
                                                        </div>
                                                    </div>

                                                    <div class="col-md-4" style="margin-top:15px;">
                                                        <label for="inputLastEnterPassword" class="form-label"
                                                            style="font-size:14px;">Og
                                                            Image Type</label>
                                                        <div class="input-group">
                                                            <input type="text" name="og_imagetype"
                                                                class="form-control form-control-sm" style="width:100%;"
                                                                value="{{ $default_setosettings->og_imagetype }}" />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4" style="margin-top:15px;">
                                                        <label for="inputLastEnterPassword" class="form-label"
                                                            style="font-size:14px;">Og
                                                            Locale</label>
                                                        <div class="input-group">
                                                            <input type="text" name="og_locale"
                                                                class="form-control form-control-sm" style="width:100%;"
                                                                value="{{ $default_setosettings->og_locale }}" />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4" style="margin-top:15px;">
                                                        <label for="inputLastEnterPassword" class="form-label"
                                                            style="font-size:14px;">Og
                                                            Sitename</label>
                                                        <div class="input-group">
                                                            <input type="text" name="og_sitename"
                                                                class="form-control form-control-sm" style="width:100%;"
                                                                value="{{ $default_setosettings->og_sitename }}" />
                                                        </div>
                                                    </div>
                                                    <p class="pb-2" style="margin-bottom:0;"><strong> -------- Canonical
                                                            Tag
                                                            --------</strong></p>
                                                    <div class="col-md-12" style="margin-top:15px;">
                                                        <label for="inputLastEnterPassword" class="form-label"
                                                            style="font-size:14px;">
                                                            Canonical URL</label>
                                                        <div class="input-group">
                                                            <input type="text" name="canonical"
                                                                class="form-control form-control-sm" style="width:100%;"
                                                                value="{{ $default_setosettings->canonical }}" />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2 text-right mt-5">
                                                        <div class="d-grid">
                                                            <button type="submit" class="btn btn-primary">Save</button>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="navigationseotags">
                                        <div class="card shadow-none border mb-0 radius-15">
                                            <div class="card-body">
                                                <div class="card-title">
                                                    <h6 class="mb-0" style="font-size:.9rem"><b><i
                                                                class="bx bx-purchase-tag"></i> Menu & Pages
                                                            SEO Tags </b> </h6>
                                                </div>
                                                <hr />
                                                <div class="accordion" id="accordionExample">
                                                    <div class="accordion-item">
                                                        <h2 class="accordion-header" id="headingOne">
                                                            <button class="accordion-button collapsed" type="button"
                                                                data-bs-toggle="collapse" data-bs-target="#collapseOne"
                                                                aria-expanded="false" aria-controls="collapseOne"
                                                                style="padding:.5rem 1.25rem;font-size:14px;">
                                                                <i class="bx bx-purchase-tag"></i>&nbsp; Menus Custom SEO
                                                                Tags
                                                            </button>
                                                        </h2>
                                                        <div id="collapseOne" class="accordion-collapse collapse"
                                                            aria-labelledby="headingOne"
                                                            data-bs-parent="#accordionExample">
                                                            <div class="accordion-body">
                                                                <form class="row g-3" method="POST"
                                                                    action="{{ route('configure-nav-seo-settings') }}"
                                                                    enctype="multipart/form-data">
                                                                    @csrf
                                                                    <div class="col-md-4 select2-sm">
                                                                        <label class="form-label">Select Menu<span
                                                                                style="color: red;">*</span></label>
                                                                        <select class="single-select" id="set_navigation"
                                                                            onchange="CheckTable(this.value);"
                                                                            name="nav_id" required>
                                                                            <option value="">Select Menu</option>

                                                                            @foreach ($get_navigations as $navigation)
                                                                                <option value="{{ $navigation->id }}">
                                                                                    {{ $navigation->name }}
                                                                                </option>
                                                                                @php
                                                                                    $nav_lvl1 = \App\Models\Navigation::where(
                                                                                        'parent_id',
                                                                                        $navigation->id,
                                                                                    )
                                                                                        ->orderBy('name', 'asc')
                                                                                        ->get();
                                                                                @endphp
                                                                                @foreach ($nav_lvl1 as $navlvl1)
                                                                                    <option value="{{ $navlvl1->id }}">
                                                                                        ----{{ $navlvl1->name }}
                                                                                    </option>
                                                                                    @php
                                                                                        $nav_lvl2 = \App\Models\Navigation::where(
                                                                                            'parent_id',
                                                                                            $navlvl1->id,
                                                                                        )
                                                                                            ->orderBy('name', 'asc')
                                                                                            ->get();
                                                                                    @endphp
                                                                                    @foreach ($nav_lvl2 as $navlvl2)
                                                                                        <option
                                                                                            value="{{ $navlvl2->id }}">
                                                                                            --------{{ $navlvl2->name }}
                                                                                        </option>
                                                                                    @endforeach
                                                                                @endforeach
                                                                            @endforeach

                                                                        </select>
                                                                    </div>
                                                                    <div id="navseotags"></div>
                                                                    <div class="col-md-2 text-right">
                                                                        <div class="d-grid">
                                                                            <button type="submit"
                                                                                class="btn btn-primary">Save</button>
                                                                        </div>
                                                                    </div>
                                                                </form>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="accordion-item mt-3"
                                                        style="border-top: solid 1px #dfdfdf;">
                                                        <h2 class="accordion-header" id="headingTwo">
                                                            <button class="accordion-button collapsed" type="button"
                                                                data-bs-toggle="collapse" data-bs-target="#collapseTwo"
                                                                aria-expanded="false" aria-controls="collapseTwo"
                                                                style="padding:.5rem 1.25rem;font-size:14px;">
                                                                <i class="bx bx-purchase-tag"></i>&nbsp; Menus SEO
                                                                Tags VIA References
                                                            </button>
                                                        </h2>
                                                        <div id="collapseTwo" class="accordion-collapse collapse"
                                                            aria-labelledby="headingTwo"
                                                            data-bs-parent="#accordionExample">
                                                            <div class="accordion-body">
                                                                <form class="row g-3" method="POST"
                                                                    action="{{ route('configure-navbyref-seo-settings') }}"
                                                                    enctype="multipart/form-data">
                                                                    @csrf
                                                                    <div class="col-md-6 select2-sm">
                                                                        <label class="form-label">Select Menu<span
                                                                                style="color: red;">*</span></label>
                                                                        <select class="single-select" name="nav_id"
                                                                            required>
                                                                            <option value="">Select Menu</option>
                                                                            @foreach ($get_navigations as $navigation)
                                                                                @php
                                                                                    $getseto_refnav = \App\Models\SeoSetting::where(
                                                                                        'nav_id',
                                                                                        $navigation->id,
                                                                                    )->count();
                                                                                @endphp
                                                                                @if ($getseto_refnav < 1)
                                                                                    <option value="{{ $navigation->id }}">
                                                                                        {{ $navigation->name }}
                                                                                    </option>
                                                                                    @php
                                                                                        $nav_lvl1 = \App\Models\Navigation::where(
                                                                                            'parent_id',
                                                                                            $navigation->id,
                                                                                        )
                                                                                            ->orderBy('name', 'asc')
                                                                                            ->get();
                                                                                    @endphp
                                                                                    @foreach ($nav_lvl1 as $navlvl1)
                                                                                        <option
                                                                                            value="{{ $navlvl1->id }}">
                                                                                            ----{{ $navlvl1->name }}
                                                                                        </option>
                                                                                        @php
                                                                                            $nav_lvl2 = \App\Models\Navigation::where(
                                                                                                'parent_id',
                                                                                                $navlvl1->id,
                                                                                            )
                                                                                                ->orderBy('name', 'asc')
                                                                                                ->get();
                                                                                        @endphp
                                                                                        @foreach ($nav_lvl2 as $navlvl2)
                                                                                            <option
                                                                                                value="{{ $navlvl2->id }}">
                                                                                                --------{{ $navlvl2->name }}
                                                                                            </option>
                                                                                        @endforeach
                                                                                    @endforeach
                                                                                @endif
                                                                            @endforeach
                                                                        </select>
                                                                    </div>
                                                                    <div class="col-md-6 select2-sm">
                                                                        <label class="form-label">Reference Menu Tags<span
                                                                                style="color: red;">*</span></label>
                                                                        <select class="single-select" name="refnav_id"
                                                                            required>
                                                                            <option value="">Reference Menu</option>
                                                                            @foreach ($get_navigations as $navigation)
                                                                                @php
                                                                                    $getseto_refnav = \App\Models\SeoSetting::where(
                                                                                        'nav_id',
                                                                                        $navigation->id,
                                                                                    )->count();
                                                                                @endphp
                                                                                @if ($getseto_refnav > 0)
                                                                                    <option value="{{ $navigation->id }}">
                                                                                        {{ $navigation->name }}
                                                                                    </option>
                                                                                @endif
                                                                            @endforeach

                                                                        </select>
                                                                    </div>
                                                                    <div class="col-md-2 text-right mt-3">
                                                                        <div class="d-grid">
                                                                            <button type="submit"
                                                                                class="btn btn-primary">Save</button>
                                                                        </div>
                                                                    </div>
                                                                </form>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="navigationseosets">
                                        <div class="card shadow-none border mb-0 radius-15">
                                            <div class="card-body">
                                                <div class="card-title">
                                                    <h6 class="mb-0" style="font-size:.9rem"><b><i
                                                                class="bx bx-layer"></i> Menu & Pages SEO
                                                            Sets </b>
                                                    </h6>
                                                </div>
                                                <hr />
                                                <div class="table-responsive">
                                                    <table id="example2" class="table table-striped table-bordered"
                                                        style="width:100%">
                                                        <thead class="thead-primary">
                                                            <tr>
                                                                <th>#</th>
                                                                <th>Menu / Page Name</th>
                                                                <th>SEO TAGS</th>
                                                                <th class="text-center">Action</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            @foreach ($navigation_seosets as $key => $nav_seoset)
                                                                @php
                                                                    $nav_info = \App\Models\Navigation::where(
                                                                        'id',
                                                                        $nav_seoset->nav_id,
                                                                    )->first();
                                                                    $refnav_info = \App\Models\Navigation::where(
                                                                        'id',
                                                                        $nav_seoset->navref_id,
                                                                    )->first();
                                                                @endphp
                                                                <tr>
                                                                    <td>{{ $key + 1 }}
                                                                    </td>
                                                                    <td>{{ $nav_info->name }}</td>
                                                                    <td>
                                                                        @if ($nav_seoset->navref_id != null)
                                                                            <span class="badge rounded-pill bg-secondary"
                                                                                style="font-size:.85em; font-weight:100;">Ref
                                                                                By : {{ $refnav_info->name }}</span>
                                                                        @else
                                                                            <span class="badge rounded-pill bg-primary"
                                                                                style="font-size:.85em; font-weight:100;">
                                                                                Custom</span>
                                                                        @endif
                                                                    </td>
                                                                    <td class="text-center">
                                                                        <a onclick="return confirm('Are you sure you want to delete?');"
                                                                            href="{{ route('delete-navseo-tags', $nav_seoset->id) }}"
                                                                            class="btn btn-outline-danger m-1 btn-sm"
                                                                            data-bs-toggle="tooltip"
                                                                            data-bs-placement="top" title=""
                                                                            data-bs-original-title="Delete This"
                                                                            style="line-height: unset; padding: unset;"><i
                                                                                class="bx bx-trash"></i></a>
                                                                    </td>
                                                                </tr>
                                                            @endforeach
                                                        </tbody>

                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="moduleseotags">
                                        <div class="card shadow-none border mb-0 radius-15">
                                            <div class="card-body">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div class="card-title">
                                                            <h6 class="mb-0" style="font-size:.9rem"><b><i
                                                                        class="bx bx-layer"></i> Active Modules</b>
                                                            </h6>
                                                        </div>
                                                        <hr />
                                                        <div class="table-responsive">
                                                            <table id="example3"
                                                                class="table table-striped table-bordered"
                                                                style="width:100%">
                                                                <thead class="thead-primary">
                                                                    <tr>
                                                                        <th>#</th>
                                                                        <th>Module Title</th>
                                                                        <th>SEO STATUS</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    @foreach ($coremodules as $key => $module)
                                                                        @if ($module->status == 1)
                                                                            <tr>
                                                                                <td>{{ $key + 1 }}
                                                                                </td>
                                                                                <td>{{ $module->module_title }}</td>
                                                                                <td>
                                                                                    <div class="form-check form-switch">
                                                                                        <input class="form-check-input"
                                                                                            type="checkbox"
                                                                                            onclick="return confirm('Are you sure you want to update SEO Settings in this module?');"
                                                                                            onChange="update_status(this)"
                                                                                            value="{{ $module->id }}"
                                                                                            data-bs-toggle="tooltip"
                                                                                            data-bs-placement="top"
                                                                                            title="Set SEO Enable "
                                                                                            >
                                                                                    </div>
                                                                                </td>
                                                                            </tr>
                                                                        @endif
                                                                    @endforeach
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--end page-content-wrapper-->
    </div>
    <!--end page-wrapper-->
    <!--start overlay-->
    <div class="overlay toggle-btn-mobile"></div>
    <!--end overlay-->
    <!--Start Back To Top Button-->
    <a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a> @include('backend.partial.dashboard_footer')
@endsection
@section('script')
        <script>
            var base_url = window.location.origin;

            function CheckTable(value) {
                alert(value);
                $.post('{{ route('navigationDynamicSeoTags') }}', {
                    _token: '{{ csrf_token() }}',
                    navid: value
                }, function(html) {
                    $('#navseotags').html(html);
                });
            }
        </script>
    <script>
        $(document).ready(function() {
            //Default data table
            $('#example3').DataTable();
            $('#example4').DataTable();
        });
    </script>
    <script>
        function update_status(elv1) {
            if (elv1.checked) {
                var status = 1;
            } else {
                var status = 0;
            }
            $.post('{{ route('update-seosetting-now') }}', {
                _token: '{{ csrf_token() }}',
                id: elv1.value,
                status: status
            }, function(data) {
                if (data == 1) {
                    update_success_noti();
                } else {
                    update_error_noti();
                }
            });
        }
    </script>
@endsection