@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('attribute.create') }}" class="btn btn-primary">Create</a>
            @endif
        </div>
        <div class="box-body">
            @include('admin.attributes.partials.attribute-list',['permissions'=>$permissions])
        </div>
    </div>

    <div class="modal fade" id="attributes-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">Attributes Detail</h4>
                </div>
                <div class="modal-body">
                    <span id="attributes-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 () {
            $('.dataTable1').DataTable({
                "order": [[ 0, "desc" ]]
            });

            $(document).off('click', '.attributes-details').on('click', '.attributes-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) {
                        $('#attributes-detail-placeholder').html(response.attributes_detail);
                        $('.pace-activity').hide();
                        $('#attributes-detail-modal').modal('show');
                    }
                });


            });

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


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

                    }
                });
            });
        });

        var table;


    </script>
@stop