@extends('admin.layouts.sub-layout.app')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="row">
                        <div class="col-xlg-2 col-lg-3 col-md-4">
                            <div class="card-body inbox-panel">
                                <a href="#" class="btn btn-danger m-b-20 p-10 btn-block waves-effect waves-light">Compose</a>
                                <ul class="list-group list-group-full">
                                    <li class="list-group-item {{ in_array('admin.inbox.all', $activeMenu) ? 'active' : '' }}">
                                        <a href="{{ route('admin.inbox.all') }}">
                                            <i class="mdi mdi-gmail"></i> All
                                        </a>
                                    </li>
                                    <li class="list-group-item {{ in_array('admin.inbox.requesting', $activeMenu) ? 'active' : '' }}">
                                        <a href="{{ route('admin.inbox.requesting') }}">
                                            <i class="mdi mdi-star"></i> Requesting
                                        </a>
                                    </li>
                                    <li class="list-group-item  {{ in_array('admin.inbox.offering', $activeMenu) ? 'active' : '' }}">
                                        <a href="{{ route('admin.inbox.offering') }}">
                                            <i class="mdi mdi-send"></i> Offering
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        @yield('message')
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('stylesheet')
    @parent
    <!-- page css -->
    <link href="{{ asset('asset/css/pages/inbox.css') }}" rel="stylesheet">
@endsection

@section('javascript')
    @parent
    <!--stickey kit -->
    <script src="{{ asset('asset/plugins/sticky-kit-master/dist/sticky-kit.min.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("input:checkbox.checks").on('change', function() {
                $("input:checkbox.check_id").prop('checked', $(this).is(':checked') );

                if( $(this).is(':checked')){
                    $(".delete-btn").prop('disabled', false);
                }else{
                    $(".delete-btn").prop('disabled', true);
                }
            });

            $("input:checkbox.check_id").change(function(){
                if($("input:checkbox.check_id:checked").length > 0){
                    $(".delete-btn").prop('disabled', false);
                }else{
                    $(".delete-btn").prop('disabled', true);
                }
            });

            $(".delete-btn").click(function(event) {
                var deleting = confirm($(this).data().confirm);
                if(deleting){
                    $("#formTable").submit();
                }
            });
        });

        function showInbox(url){
            $.get(url,
            function(result) {
                $('#inbox-show').html(result);
                $('#inbox-list').hide();
            });
        }
    </script>
@endsection