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


    <div class="modal fade" id="deal-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">Deal Detail</h4>
                </div>
                <div class="modal-body">
                    <span id="deal-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', '.deal-details').on('click', '.deal-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) {
                        $('#deal-detail-placeholder').html(response.deal_detail);
                        $('.pace-activity').hide();
                        $('#deal-detail-modal').modal('show');
                    }
                });


            });

        });

        var table;


    </script>
@stop