@extends('adminlte::page')

@section('title', 'Freecia')

@section('content_header')
    <h1>{{ $module_name }}</h1>
@stop

@section('content')


    <div class="box">
        <div class="box-header">
            @if($permissions['can_add'])
                <a href="{{ route('navigation.create') }}" class="btn btn-primary">Create</a>
            @endif
        </div>
        <div class="box-body">
            <table class="table dataTable">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>Name</th>
                    <th>Description</th>
                    <th>Is Active</th>
                    @if($permissions['can_view'] || $permissions['can_edit'] || $permissions['can_delete'])
                        <th width="90">Action</th>
                    @endif
                </tr>
                </thead>
                <tbody>
                @foreach($rows as $index => $row)
                    <tr @if($index %2 == 1) class="row-color-gray" @endif>
                        <td>{{ $row->id }}</td>
                        <td>{{ $row->name }}</td>
                        <td class="text-ellipsis">
                            {{ $row->description }}
                        </td>
                        <td>{{ ($row->is_active == 0) ? 'No':'Yes' }}</td>
                        @if($permissions['can_view'] || $permissions['can_edit'] || $permissions['can_delete'])
                            <td>
                                @if($permissions['can_view'])
                                    <a href="{{ route('navigation.show',$row->id) }}"
                                       class="btn btn-primary btn-sm navigation-details"><i
                                                class="fa fa-eye"></i> </a>
                                @endif

                                @if($permissions['can_edit'])
                                    <a href="{{ route('navigation.edit',$row->id) }}" class="btn btn-primary btn-sm"><i
                                                class="fa fa-edit"></i> </a>
                                @endif
                                @if($permissions['can_delete'])
                                    <a href="{{ route('navigation.delete',$row->id) }}"
                                       class="btn btn-danger btn-sm remove-navigation"><i
                                                class="fa fa-trash"></i></a>
                                @endif
                            </td>
                        @endif
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <div class="modal fade" id="navigation-detail-modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Navigation Detail</h4>
                </div>
                <div class="modal-body">
                    <span id="navigation-detail-placeholder"></span>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default pull-right" data-dismiss="modal">Close</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

@stop

@section('javascript')
    <script>
        $(function () {
            $('.dataTable').dataTable();

            $(document).off('click', '.navigation-details').on('click', '.navigation-details', function (e) {
                e.preventDefault();
                $('.pace-activity').show();
                var url = $(this).attr('href');
                $.ajax({
                    type: 'GET',
                    url: url,
                    data: {'_token': '{{ csrf_token() }}'},
                    success: function (response) {
                        $('#navigation-detail-placeholder').html(response.navigation_detail);
                        $('.pace-activity').hide();
                        $('#navigation-detail-modal').modal('show');
                    }
                });
            });

            $(document).off('click', '.remove-navigation').on('click', '.remove-navigation', function (e) {
                e.preventDefault();
                var action_url = $(this).attr('href');


                Swal.fire({
                    title: 'Warning',
                    type: 'warning',
                    text: 'Do you really want to remove this navigation?',
                    confirmButtonText: 'Confirm',
                    showCancelButton: true,
                }).then((result) => {
                    if (result.value) {
                        window.location.href = action_url;
                    }
                });
            });
        });
    </script>
@stop