@extends('backend.admin.layouts.master')
@section('content')
    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <!--begin::Toolbar-->
        <div class="toolbar" id="kt_toolbar">
            <!--begin::Container-->
            <div id="kt_toolbar_container" class="container-fluid d-flex flex-stack">
                <!--begin::Page title-->
                <div class="d-flex align-items-center me-3">
                    <!--begin::Title-->
                    <h3 class="d-flex align-items-center text-dark  my-1 fs-3">{{$heading}}</h3>
                    <!--end::Title-->
                    <!--begin::Separator-->
                    <span class="h-20px border-gray-200 border-start mx-4"></span>
                    <!--end::Separator-->
                    <ul class="breadcrumb breadcrumb-separatorless  fs-7 my-1">
                        <!--begin::Item-->
                        <li class="breadcrumb-item text-muted">
                            <a href="/admin" class="text-muted text-hover-primary">Dashboard</a>
                        </li>
                        <!--end::Item-->
                        <!--begin::Item-->
                        <li class="breadcrumb-item">
                            <span class="bullet bg-gray-200 w-5px h-2px"></span>
                        </li>
                        <!--end::Item-->
                        <!--begin::Item-->
                        <li class="breadcrumb-item text-muted">{{$heading}}</li>
                        <!--end::Item-->

                    </ul>

                </div>
                <!--end::Page title-->
                <!--begin::Actions-->
                <div class="d-flex align-items-center py-1">
                    <!--begin::Wrapper-->
                    <div class="me-4">
                    </div>
                    <!--end::Wrapper-->
                </div>
                <!--end::Actions-->
            </div>
            <!--end::Container-->
        </div>
        <!--end::Toolbar-->
        <!--begin::Post-->
        <div class="post d-flex flex-column-fluid" id="kt_post">
            <!--begin::Container-->
            <div id="kt_content_container" class="container">
                @include('layouts.message')

                <div class="card">
                    <div class="card-header">
                        <div class="card-title">
                            <select class="form form-control form-control-solid">
                                <option value="">Active Page</option>
                                <option value="">Plugins Page</option>
                                <option value="">Pre Defined Page</option>
                            </select>
                        </div>
                        <div class="card-toolbar">
                            <a href="/admin/pages/create" class="btn btn-primary" style="margin-right: 10px"><i class="fa fa-plus-circle"></i> Add New Page</a>
                            <a href="/admin/pages/import" class="btn btn-primary " ></i> Import Page</a>
                        </div>
                    </div>
                    <div class="card-body">
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th class="text-center w-10px"><strong>SN</strong></th>
                                {{--<th class="text-center w-20px">Image</th>--}}
                                <th><strong>Heading</strong></th>
                                {{--<th>Sub Heading</th>--}}
                                <th class="text-center w-100px"><strong>Status</strong></th>
                                <th class="text-center w-100px"><strong>Visibility</strong></th>
                                <th class="text-center"><strong>Action</strong></th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($records as $key=>$record)
                                <tr>
                                    <td class="text-center">{{++$key}}</td>

                                    {{--<td class="symbol symbol-75px symbol-circle mb-9"><img class="w-100px" src="/{{get_image($record->image)}}" alt="">--}}
                                    {{--@if(!$record->type)--}}
                                    {{--<br>--}}
                                    {{--<a href="/admin/pages/{{$record->id}}/images" class="badge badge-primary mt-1">More Images</a>--}}
                                    {{--@endif--}}
                                    {{--</td>--}}
                                    <td>@if($record->id=='1')

                                            <strong>{{$record->heading}} --Front Page </strong>
                                        @else
                                            <strong>{{$record->heading}}</strong>
                                        @endif
                                    </td>
                                    {{--<td>{{$record->sub_heading}}</td>--}}
                                    <td class="text-left">
                                        @if($record->type)
                                            <form action="javascript:void(0)">
                                                {{csrf_field()}}
                                                <div class="form-check form-check-solid form-switch fv-row">
                                                    <input class="form-check-input" disabled type="checkbox" id="status_{{$record->id}}" value="1" @if($record->status) checked @endif />
                                                    <label class="form-check-label" for="status_{{$record->id}}">Active</label>
                                                </div>
                                            </form>
                                        @else
                                            <form action="/admin/pages/{{$record->id}}/status" method="post">
                                                {{csrf_field()}}
                                                <div class="form-check form-check-solid form-switch fv-row">
                                                    <input class="form-check-input" onchange="javascript:this.form.submit();" type="checkbox" id="status_{{$record->id}}" value="1" @if($record->status) checked @endif name="status" />
                                                    @if($record->status == 1)
                                                        <label class="form-check-label" for="status_{{$record->id}}">Active</label>
                                                    @else
                                                        <label class="form-check-label" for="status_{{$record->id}}">Disable</label>
                                                    @endif
                                                </div>
                                            </form>
                                        @endif
                                    </td>
                                    <td class="text-left">
                                        <form action="/admin/pages/{{$record->id}}/visible" method="post">
                                            {{csrf_field()}}
                                            <div class="form-check form-check-solid form-switch fv-row">
                                                <input class="form-check-input" onchange="javascript:this.form.submit();" type="checkbox" id="visible_{{$record->id}}" value="1" @if($record->visible) checked @endif name="visible" />
                                                @if($record->visible == 1)
                                                    <label class="form-check-label" for="visible_{{$record->id}}">Active</label>
                                                @else
                                                    <label class="form-check-label" for="visible_{{$record->id}}">Disable</label>
                                                @endif
                                            </div>
                                        </form>
                                    </td>
                                    <td class="text-center">
                                        <a href="/admin/pages/{{$record->id}}/page-manage" class="btn btn-info btn-sm"><i class="fa fa-edit"></i> Edit</a>
                                        {{--                                        <a href="/admin/pages/{{$record->id}}/page-builders" class="btn btn-info btn-sm"><i class="fa fa-external-link-alt"></i> Manage Row</a>--}}
                                        @if($record->type==2) {{--<a href="/admin/pages/{{$record->id}}/topics" class="btn btn-info btn-sm"><i class="fa fa-external-link-alt"></i> Manage Topics</a>--}}
                                        <a href="/admin/pages/{{$record->id}}/modules" class="btn btn-info btn-sm"><i class="fa fa-external-link-alt"></i> Manage Module</a>
                                        @endif
                                        {{--                                        <a href="/admin/pages/{{$record->id}}/sections" class="btn btn-info btn-sm"><i class="fa fa-external-link-alt"></i> Manage Sections</a>--}}
                                        {{--<a href="/admin/pages/{{$record->id}}/edit" class="btn btn-primary btn-sm"><i class="fa fa-edit"></i> Edit</a>--}}
                                        {{--@if(count($record->sections)==0 && count($record->menus)==0 && !($record->id==1))--}}
                                        @if(!($record->type ==1))
                                            @if(count($record->sections)==0 && count($record->menus)==0)

                                                <a  href="/admin/pages/{{$record->id}}/delete"  class="btn btn-danger btn-sm" ><i class="fa fa-trash"></i></a>

                                            @else
                                                <a  onclick="return confirm('Plz first delete related Section and Menu')"  class="btn btn-danger custom-light-danger btn-sm" ><i class="fa fa-trash"></i></a>
                                            @endif
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!--end::Container-->
        </div>
        <!--end::Post-->
    </div>
@endsection