@extends('backend.layout.masterlayout')
@section('content')
    @include('backend.partial.sidebar')
    @include('backend.partial.topbar')
    <script>
        function CheckNavType(val) {
            var image = document.getElementById('imagecont');
            var video = document.getElementById('videocont');
            if (val == '0') {
                image.style.display = 'block';
                video.style.display = 'none';
            } else {
                image.style.display = 'none';
                video.style.display = 'block';
            }
        }
    </script>
    <!--page-wrapper-->
    <div class="page-wrapper">
        <!--page-content-wrapper-->
        <div class="page-content-wrapper">
            <div class="page-content">
                <div class="user-profile-page">
                    <div class="row">
                        <div class="col-md-2"></div>
                        <div class="col-md-8">
                            <div class="card shadow-none border mb-0 radius-15">
                                <div class="card-body">
                                    <div class="card-title">
                                        <h6 class="mb-0"><b><i class="bx bx-edit-alt"></i> Update Menu</b>
                                            <a href="{{ route('menus-and-pages') }}" class="btn btn-primary btn-sm"
                                                style="float: right;"><i class="bx bx-arrow-back"></i> Back</a>
                                        </h6>

                                    </div>
                                    <hr />
                                    <form class="row g-3" action="{{ route('post-update-menus-and-pages') }}"
                                        method="POST">
                                        @csrf
                                        <input type="hidden" class="form-control form-control-sm" id="inputFirstName"
                                            name="id" value="{{ $navigations->id }}" required />
                                        <div class="col-md-4">
                                            <label for="inputFirstName" class="form-label">Title<span
                                                    style="color: red;">*</span></label>
                                            <input type="text" class="form-control form-control-sm" id="inputFirstName"
                                                name="title" value="{{ $navigations->name }}" @if(($navigations->id==2) OR ($navigations->id==9) OR ($navigations->id==10) OR ($navigations->id==11) OR ($navigations->id==12) OR ($navigations->id==13)) readonly @else required @endif/>
                                        </div>
                                        <div class="col-md-4 select2-sm">
                                            <label class="form-label">Parent Menu or Page<span
                                                    style="color: red;">*</span></label>
                                            <select class="single-select" name="parent_id" required>
                                                <option value="0" @if ($navigations->parent_id == 0) selected @endif>No
                                                    Parent</option>

                                                @foreach ($get_navigations as $navigation)
                                                    <option value="{{ $navigation->id }}"
                                                        @if ($navigations->parent_id == $navigation->id) selected @endif>
                                                        {{ $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 }}"
                                                            @if ($navigations->parent_id == $navlvl1->id) selected @endif>
                                                            ----{{ $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 class="col-md-4">
                                            <label for="inputFirstName" class="form-label">Type<span
                                                    style="color: red;">*</span></label>
                                            <select class="form-select form-select-sm" name="menu_type" id="menu_type"
                                                onchange='CheckNavType(this.value);' required>
                                                <option value="">Select Type</option>
                                                <option value="0">Web Navigation</option>
                                                <option value="1">Third Party</option>
                                            </select>
                                        </div>
                                        <div class="row pt-2" id="videocont" style='display:none;'>
                                            <p class="mb-0 pt-3"><b> Connect With Third Party
                                                    Link <span class="text-secondary">(Third
                                                        party link always target on blank / new
                                                        tab)</span></b></p>
                                            <div class="col-md-12 pt-3">
                                                <label for="inputFirstName" class="form-label">Third Pary
                                                    Link</label>
                                                <input type="text" class="form-control form-control-sm"
                                                    id="inputFirstName" name="thirdpartylink"
                                                    value="{{ $navigations->thirdpartylink }}" />

                                            </div>
                                        </div>

                                        <div class="pt-2" id="imagecont" style='display:none;'>
                                            <div class="row">
                                                <p class="mb-0 pt-3"><b> Connect As Sub-Menus
                                                        <span class="text-secondary">(Optional
                                                            -
                                                            one to one relation)</span></b></p>
                                                <div class="col-md-6 pt-3 select2-sm">
                                                    <label for="inputFirstName" class="form-label">Module</label>
                                                    <select class="single-select" name="connect_with"
                                                        id="connect_with" onchange="CheckTable(this.value);">
                                                        <option value="">Choose Table
                                                        </option>
                                                        @foreach ($all_tables as $key => $tables)
                                                            @foreach ($tables as $key => $val)
                                                                <option value="{{ $val }}"
                                                                    @if ($navigations->connected_module == $val) selected @endif>
                                                                    {{ $val }}</option>
                                                            @endforeach
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-6 pt-3">
                                                    <label class="form-label">Connected
                                                        Value</label>
                                                    <select class="form-select form-select-sm" name="connect_with_value"
                                                        id="connect_with_value" readonly>
                                                        <option value="id" selected>id</option>
                                                    </select>
                                                </div>
                                                <div class="col-md-6 pt-3 select2-sm">
                                                    <label for="inputFirstName" class="form-label">Related Module
                                                        Field
                                                        To
                                                        Display </label>
                                                        
                                                    <select class="single-select" name="field_to_display"
                                                        id="field_to_display">
                                                        <option value="{{$navigations->module_display_field}}">{{$navigations->module_display_field}}
                                                        </option>
                                                    </select>
                                                </div>
                                                <div class="col-md-6 pt-3 select2-sm">
                                                    <label class="form-label">Display
                                                        Navigation</label>
                                                        <select class="single-select"
                                                        name="module_ref_slug"
                                                        id="module_ref_slug">
                                                        <option value="">Choose Any One
                                                        </option>
                                                        @foreach ($get_navigations as $navset)
                                                            <option
                                                                value="{{ $navset->slug }}" @if($navigations->module_ref_slug == $navset->slug) selected @endif>
                                                                {{ $navset->slug }}</option>
                                                        @endforeach

                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12 pt-2">
                                            <button type="submit" class="btn btn-primary">Save</button>
                                        </div>
                                    </form>


                                </div>
                            </div>
                        </div>
                        <div class="col-md-2"></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('get-table-fields') }}', {
                _token: '{{ csrf_token() }}',
                table_name: value
            }, function(html) {
                $('#field_to_display').html(html);
            });
        }
    </script>
@endsection