@extends('cms.master')

@section('content')
<script src="{{asset('assets/js/jquery-1.9.1.min.js')}}"></script>

<div class="container-fluid">
    <div class="row">
        @if(Session::has('success'))
        <div class="col-12">
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                {{Session::get('success')}}
            </div>
        </div>
        @elseif(Session::has('failed'))
        <div class="col-12">
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                {{Session::get('failed')}}
            </div>
        </div>
        @else
        @endif
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="row justify-content-between">
                        <div class="col-md-4">
                            <ul id="breadcrumbs-one" style="margin: 0;padding: 0;list-style: none;">
                                <li><a href="{{url('/dashboard/home')}}"> Home </a></li>
                                <li class="disable"><a href="" class="current">CMS Menu</a></li>
                            </ul>
                        </div>
                        <div class="col-md-8">
                            <div class="d-flex flex-wrap align-items-center justify-content-sm-end">
                                <a href="{{url('dashboard/cms-menu/create')}}" class="btn btn-primary waves-effect waves-light">
                                    <i class="mdi mdi-plus-circle me-1"></i>
                                    Add menu
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <table id="datatable" class="table table-bordered dt-responsive table-responsive nowrap">
                        <thead>
                            <tr>
                                <th width="1">No</th>
                                <th>Name</th>
                                <th>Flag</th>
                                <th width="1">Action</th>
                            </tr>
                        </thead>


                        <tbody>
                            @foreach($menus as $index => $menu)
                            <tr>
                                <td>{{($index+1)}}</td>
                                <td>{{$menu->cms_menu_name}}</td>
                                <td>{{$menu->cms_menu_flag}}</td>
                                <td>
                                    <div class="dropdown notification-list topbar-dropdown">
                                        <a class="dropdown-toggle me-0 waves-effect waves-light" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                                            Action <i class="mdi mdi-chevron-down"></i>
                                        </a>
                                        <div class="dropdown-menu dropdown-menu-end profile-dropdown ">
                                            <a href="{{url('dashboard/cms-menu').'/'.$menu->id.'/edit'}}" class="dropdown-item notify-item">
                                                <i class="fe-edit"></i>
                                                <span>Edit</span>
                                            </a>
                                            <a href="{{url('dashboard/cms-menu').'/'.$menu->id.'/show' }}" class="dropdown-item notify-item">
                                                <i class="fe-info"></i>
                                                <span>Detail</span>
                                            </a>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>
@endsection