@extends('layouts.main')

@php
    $delete_confirmation_text = "Yakin ingin menghapus Menu? Data yang dihapus tidak dapat dikembalikan"
@endphp

@section('container')
<div class="card">
    <div class="card-header">
    <table width="100%">
        <tr>
        <td><h3 class="card-title">List</h3></td>
        <td align="right" style="margin-right: 5px"><a href="{{ route('admin.menu.create') }}" class="btn btn-success btn-sm"><i class="fa fa-plus" style="margin-right:5px"></i>Add New</a></td>
        </tr>
    </table>
    </div>
    <!-- /.card-header -->
    <div class="card-body">

    <div class="scroll-x-table">
        <table class="table table-bordered table-striped table-condensed" width="100%">
        <thead>
            <tr>
                <th class="no-sort" width="10px">No</th>
                <th>Name</th>
                <th>URL</th>
                <th>SLug</th>
                <th>Icon</th>
                <th>HasChild</th>
                <th>Sequence</th>
                <th>Role</th>
                <th class="no-sort" width="100"></th>
            </tr>
        </thead>
        <tbody>
                        @foreach ($res as $row)
                <tr>
                    <td>{{ $no++ }}</td>
                    <td>{{ $row->name }}</td>
                    <td>{{ $row->url }}</td>
                    <td>{{ $row->slug }}</td>
                    <td>{{ $row->icon }}</td>
                    <td>{{ $row->has_child }}</td>
                    <td>{{ $row->sequence }}</td>
                    <td>{{ $row->role_name }}</td>
                    <td>
                        <a href="{{ route('admin.menu.edit',$row->id) }}" class="btn btn-info btn-sm"><i class="fa fa-edit"></i></a>
                        <a href="{{ route('admin.menu.delete', $row->id)}}" onclick="confirm('{{$delete_confirmation_text}}')" data-carshow-action="delete" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i></a>
                    </td>
                </tr>
                @foreach ($row->childs as $child)
                    <tr>
                        <td>-</td>
                        <td>{{ $child->name }}</td>
                        <td>{{ $child->url }}</td>
                        <td>{{ $child->slug }}</td>
                        <td>{{ $child->icon }}</td>
                        <td>{{ $child->has_child }}</td>
                        <td>{{ $child->sequence }}</td>
                        <td>{{ $child->role_name }}</td>
                        <td>
                            <a href="{{ route('admin.menu.edit',$child->id) }}" class="btn btn-info btn-sm"><i class="fa fa-edit"></i></a>
                            <a href="{{ route('admin.menu.delete', $child->id)}}" onclick="confirm('{{$delete_confirmation_text}}')" data-carshow-action="delete" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i></a>
                        </td>
                    </tr>
                @endforeach
            @endforeach
        </tbody>
        </table>

        <br>
    </div>
    </div>
    <!-- /.card-body -->
</div>
<!-- /.card -->


<!-- /.modal -->
@endsection



@section('javascript')


@endsection