@extends('admin.layout.master')

@section('admin')
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2">
                {{ Breadcrumbs::render('admin.themes.menu.index',$theme) }}
            </div>

            <div class="content-header-left col-md-6 col-12 mb-2">
                <a href="{{route('admin.themes.menu.insert',['theme_id'=>$theme->id])}}"
                   class="btn btn-sm btn-info float-right">
                    <i class="fa fa-plus"></i> {{trans('admin/themes.menu.btn_insert')}}
                </a>
            </div>

        </div>
        <div class="content-body">
            <section id="basic-form-layouts">
                <div class="row match-height">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title"
                                    id="pageHeaderTitle">{!! trans('admin/themes.menu.title',['title'=>$theme->title]) !!}</h4>

                            </div>
                            <div class="card-content collapse show">
                                <div class="card-body">
                                    <x-admin.language-select-form></x-admin.language-select-form>
                                    <div class="row">
                                        <div class="col-md-12">
                                            {{ html()->form()->method('GET')->class("form menuFilterForm")->id("menuFilterForm")->autocomplete("off")->attribute('enctype','multipart/form-data')->open() }}

                                            <div class="row">
                                                <div class="col-md-2">
                                                    <div class="language-filter-form-container">
                                                        <fieldset class="form-group">
                                                            {{html()->hidden("language")->name("language")->value( $form["language"])}}
                                                            {{html()->label()->for("formMenuType")->text(trans('admin/themes.menu.menu_type'))}}
                                                            {{html()->select('menuType')->options($form["menuTypes"])->value(request()->input('menu_type'))->name('menu_type')->id("formMenuType")->class("form-control")}}
                                                        </fieldset>
                                                    </div>
                                                </div>
                                            </div>
                                            {{ html()->form()->close() }}


                                            @if(count($menuList) > 0)
                                                <div class="cf nestable-lists"
                                                     style="margin-bottom: 15px;display: inline-block">

                                                    <div class="dd" id="menuNestable">
                                                        <ol class="dd-list">
                                                            @foreach($menuList as $menu)
                                                                @php

                                                                    $status=$menu["status"];
                                                                    $statusBg="black";
                                                                    $statusTitle=$status===1 ? 'Aktif': 'Pasif';
                                                                    $statusSearch=collect($form["statuses"])->where('value','=',$status)->first();
                                                                  if($statusSearch!==null){
                                                                        $statusBg=$statusSearch["color"];
                                                                        $statusTitle=$statusSearch["title"];
                                                                    }
                                                                @endphp
                                                                <li class="dd-item dd3-item"
                                                                    data-id="{{$menu["id"]}}">
                                                                    <div class="dd-handle dd3-handle"><i
                                                                                class="fa fa-arrows"
                                                                                style="font-size: 12px;color: #fff;"></i>
                                                                    </div>
                                                                    <div class="dd3-content">
                                                                        <div class="menu-content">
                                                        <span>
                                                            <b>{{$menu["title"]}} </b>
                                                                <span
                                                                        style="background-color: {{$statusBg}};border-radius:0;padding:5px 10px;color:#fff;font-size:11px;">{{$statusTitle}}</span>

                                                        </span>

                                                                            <div class="actions">

                                                                                <a
                                                                                        data-bs-toggle="tooltip"
                                                                                        data-bs-placement="top"
                                                                                        href="{{route('admin.themes.menu.delete',['theme_id'=>$theme->id,'menu_id'=>$menu["id"]])}}"


                                                                                        style="float: right;margin-left: 5px"
                                                                                        class="btn btn-danger  btn-sm btnSil  "
                                                                                        aria-label="Sil"
                                                                                        title="Sil"
                                                                                        data-bs-original-title="Sil"><i
                                                                                            class="fa fa-trash"
                                                                                            style="font-size: 12px;color: #fff"></i>
                                                                                </a>

                                                                                <a data-bs-toggle="tooltip"
                                                                                   data-bs-placement="top"
                                                                                   style="float: right;margin-left: 5px"
                                                                                   href="{{route('admin.themes.menu.detail',['theme_id'=>$theme->id,'menu_id'=>$menu["id"]])}}"

                                                                                   title="Detay"
                                                                                   class="btn btn-info  btn-sm  "
                                                                                   aria-label="Detaylar"
                                                                                   data-bs-original-title="Detaylar"><i
                                                                                            class="fa fa-search"
                                                                                            style="font-size: 12px;color: #fff;"></i></a>
                                                                            </div>
                                                                        </div>
                                                                    </div>


                                                                    @if(count($menu["child"]) > 0)
                                                                        @include("admin.pages.themes.menu.partials.child",['child'=>$menu["child"]])
                                                                    @endif

                                                                </li>
                                                            @endforeach
                                                        </ol>
                                                    </div>
                                                </div>
                                            @else