@can('create_entity')
    @extends('layouts.admin')
    @section('content')
    <div style="margin-bottom: 10px;" class="row">
        <div class="col-lg-12">
            <a class="btn btn-success" href="{{ route('admin.provinces.create') }}">
                {{ trans('global.add') }} Entity
            </a>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            Entity {{ trans('global.list') }}
        </div>

        <div class="card-body">
            <div class="list-group">
                <a href="#" class="list-group-item list-group-item-action disabled">Tag</a>
                <a href="#" onclick="showModal()" class="list-group-item list-group-item-action">Device</a>
                {{-- <a href="#" class="list-group-item list-group-item-action">Schedule</a> --}}
            </div>
        </div>
    </div>
    <!-- Modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            </div>
            <div class="modal-body">
            ...
            </div>
            <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
        </div>
    </div>
    @endsection
    @section('scripts')
        <script type="text/javascript">
            function showModal(){
                $("#exampleModal").modal('show');
                $("#exampleModalLabel").text('Device');
            }
        </script>
    @endsection
@endcan