@extends('backend.admin.layouts.master')
@section('content')
<div class="content" id="bg_content">
    <div class="pt-6 pb-4">
        <div class="container d-flex justify-content-between flex-stack">
            <div class="d-flex align-items-center me-3">
                <span class="h-20px border-gray-200 border-start mx-2"></span>
                <ul class="breadcrumb breadcrumb-separatorless  fs-7 my-1">
                    <li class="breadcrumb-item">
                        <a href="/admin" class="text-dark">Dashboard</a>
                    </li>
                    <li class="breadcrumb-item text-dark">{{ $heading }}</li>
                </ul>
            </div>
            <div class="">
                <a href="/admin/pages" class="btn btn-dark rounded-0">Back</a>
            </div>
        </div>
    </div>
    <div class="post d-flex flex-column-fluid" id="kt_post">
        <div id="kt_content_container" class="container">
            @include('layouts.message')
            <div id="kt_ecommerce_add_product_form" class="form d-flex flex-column">
                <div class="d-flex flex-column flex-row-fluid gap-7 gap-lg-10">
                    <div class="card rounded-0 bg-light">
                        <div class="card-header p-2 m-2 d-flex align-items-center justify-content-between pb-0 mb-0">
                            <ul class="nav nav-custom nav-tabs nav-line-tabs nav-line-tabs-2x border-0 fw-bold mb-0">
                                <li class="nav-item">
                                    <a class="nav-link btn btn-primary pb-2 @if(request('action') == 'general') active @endif"  href="/admin/pages/{{$page_id}}/page-manage?action=general">General</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link btn btn-primary pb-2 @if(request('action') == 'seo') active @endif" href="/admin/pages/{{$page_id}}/page-manage?action=seo">SEO</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link btn btn-primary pb-2 @if(request('action') == 'builder') active @endif" href="/admin/pages/{{$page_id}}/page-manage?action=builder">Advance Builder</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link btn btn-primary pb-2 @if(request('action') == 'setting') active @endif" href="/admin/pages/{{$page_id}}/page-manage?action=setting">Setting</a>
                                </li>
                            </ul>
                            {{--<div class="card-toolbar">--}}
                                {{--<a href="javascript:void(0)" class="btn rounded-0 btn-primary me-2" data-bs-target="#import"--}}
                                   {{--data-bs-toggle="modal">Import Section--}}
                                {{--</a>--}}
                                {{--<a href="/admin/pages/{{$page_id}}/page-manage?action={{request('action')}}"  class="btn btn-primary rounded-0 me-2">{{__('Refresh Page')}}--}}
                                {{--</a>--}}
                                {{--<a href="/admin/pages/preview?page_id={{$page_id}}" target="_blank" class="btn btn-primary rounded-0"> Preview Page--}}
                                {{--</a>--}}
                            {{--</div>--}}
                        </div>
                        <div class="card-body">
                            <div  class="tab-content px-0 pt-2">
                                @if(request('action')=='general')
                                    @livewire('backend.admin.page.general-page',['page_id'=>$page_id,'model'=>$model])
                                @endif
                                @if(request('action')=='seo')
                                    @livewire('backend.admin.page.seo-page',['page_id'=>$page_id,'model'=>$model])
                                @endif
                                @if(request('action')=='builder')
                                    @livewire('backend.admin.page.row-visiual-component',['page_id'=>$page_id])
                                @endif
                                @if(request('action')=='setting')
                                    @livewire('backend.admin.page.setting-component',['page_id'=>$page_id])
                                @endif
                            </div>
                        </div>
                    </div>

                    {{--@livewire('backend.admin.page.edit-page',['page_id'=>$page_id,'model'=>$model])--}}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection