000

@extends('dashboard.layouts.app')
@section('title', 'Direct Collection')
@section('style')
{{ Html::style('assets/css/bootstrap-datepicker3.min.css') }}
@endsection
@section('content')

<div class="main-content">
    <div class="main-content-inner">
        <div class="breadcrumbs ace-save-state" id="breadcrumbs">
            <ul class="breadcrumb">
                <li>
                    <i class="ace-icon fa fa-home home-icon"></i>
                    <a href="#">{{ __('messages.Home') }}</a>
                </li>
                <li class="active">Direct Collection</li>
            </ul>
        </div>
        	<div class="page-content">
			<h3 class="header smaller lighter blue"> Direct Collection</h3>
        <div class="row">
        	<div class="col-xs-12">
        <form action="" method="POST" role="form">
            <div class="row">
                {{csrf_field()}}
                <div class="col-md-3">
                    <div class="form-group" >
                        <label for="retailer_id">Retailer</label>
                        <select class="form-control select2" name="retailer_id" id="retailer_id">
                           
                            @foreach($retailers as $retailer)
                            <option value="{{$retailer->id}}" {{isset($retailer_id) && $retailer_id==$retailer->id ? "selected":""}}>{{$retailer->name}}({{$retailer->address}})</option>
                            @endforeach()
                        </select>
                        @if ($errors->has('retailer_id'))
                        <span class="label label-danger">{{ $errors->first('retailer_id') }}</span>
                        @endif
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="dealer_id"> Dealer</label>
                        <select class="form-control select2" name="dealer_id" id="dealer_id">
                           
                            @foreach($dealers as $dealer)
                            <option value="{{$dealer->id}}" {{isset($dealer_id) && $dealer_id==$dealer->id ? "selected":""}}>{{$dealer->name}}({{$dealer->address1}})</option>
                            @endforeach()
                        </select>
                        @if ($errors->has('dealer_id'))
                        <span class="label label-danger">{{ $errors->first('dealer_id') }}</span>
                        @endif
                    </div>
                </div>
                <div class="clearfix"></div>
                <div class="col-md-3">
                    <div class="form-group">
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </div>
            </div>
        </form>
        </div>
        </div>
        <div class="page-content">
            <div class="row">

</div>
            <div class="pull-right tableTools-container"></div>
            <h3 class="header smaller lighter blue">Direct Collection</h3>
            <div class="table-header">Total Collection List<span class="badge badge-success">
            </div>
            <div class="table-responsive">
                <div class="dataTables_borderWrap">
                    <table id="dynamic_table" class="table table-striped table-bordered table-hover">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Retailer Name</th>
                                <th>Dealer Name</th>
                                <th>Total Debit</th>
                                <th>Total Credit</th>
                                <th>Type</th>
                                <th>Total Closing Balance</th>
                             
                                
                                <th>Submit Payment</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(isset($closing_balance))
                            <tr>
                                <?php  echo $party->name  , $dealer->address1?>
                                <td>{{ $party->id }}</td>
                                <td>{{ $party->name }}<br>{{ $party->address }} </td>
                                <td>{{ $dealerid->name }}<br>{{ $dealerid->address1 }} </td>
                                <td>{{ $total_debit }}</td>
                                <td>{{ $total_credit }}</td>
                                <td>{{ $type }}</td>
                                <td>{{ $closing_balance }}</td>
                                <td> <button class="btn btn-xs btn-primary" data-toggle="tooltip" title="Set Status" onclick="setStatusModal({{  $party->id }},{{ $dealerid->id }})">Submit</button></td>

</tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<div class="modal fade" id="editItemModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Payment Detail</h4>
            </div>
            <div class="modal-body" id="EditBodyItem">

</div>
        </div>
    </div>
</div>
@section('script')
{{ Html::script('assets/js/jquery.dataTables.min.js') }}
{{ Html::script('assets/js/jquery.dataTables.bootstrap.min.js') }}
{{ Html::script('assets/js/dataTables.buttons.min.js') }}
{{ Html::script('assets/js/buttons.flash.min.js') }}
{{ Html::script('assets/js/buttons.html5.min.js') }}
{{ Html::script('assets/js/buttons.print.min.js') }}
{{ Html::script('assets/js/buttons.colVis.min.js') }}
{{ Html::script('assets/js/dataTables.select.min.js') }}
{{ Html::script('assets/js/ace-elements.min.js') }}
{{ Html::script('assets/js/ace.min.js') }}
{{ Html::script('assets/js/bootstrap-datepicker.min.js') }}
<script type="text/javascript">
    jQuery(function($) {
        //initiate dataTables plugin
        var myTable =
            $('#dynamic_table').DataTable({
                bAutoWidth: false,
                "aaSorting": [],
            });
        $.fn.dataTable.Buttons.defaults.dom.container.className =
            'dt-buttons btn-overlap btn-group btn-overlap';
        new $.fn.dataTable.Buttons(myTable, {
            buttons: [{
                    "extend": "colvis",
                    "text": "<i class='fa fa-search bigger-110 blue'></i> <span class='hidden'>Show/hide columns</span>",
                    "className": "btn btn-white btn-primary btn-bold",
                    columns: ':not(:first):not(:last)'
                },
                {
                    "extend": "copy",
                    "text": "<i class='fa fa-copy bigger-110 pink'></i> <span class='hidden'>Copy to clipboard</span>",
                    "className": "btn btn-white btn-primary btn-bold"
                },
                {
                    "extend": "csv",
                    "text": "<i class='fa fa-database bigger-110 orange'></i> <span class='hidden'>Export to CSV</span>",
                    "className": "btn btn-white btn-primary btn-bold"
                },
                {
                    "extend": "excel",
                    "text": "<i class='fa fa-file-excel-o bigger-110 green'></i> <span class='hidden'>Export to Excel</span>",
                    "className": "btn btn-white btn-primary btn-bold"
                },
                {
                    "extend": "pdf",
                    "text": "<i class='fa fa-file-pdf-o bigger-110 red'></i> <span class='hidden'>Export to PDF</span>",
                    "className": "btn btn-white btn-primary btn-bold"
                },
                {
                    "extend": "print",
                    "text": "<i class='fa fa-print bigger-110 grey'></i> <span class='hidden'>Print</span>",
                    "className": "btn btn-white btn-primary btn-bold",
                    autoPrint: false,
                    message: 'This print was produced using the Print button for DataTables'
                }
            ]
        });
        myTable.buttons().container().appendTo($('.tableTools-container'));

//style the message box
        var defaultCopyAction = myTable.button(1).action();
        myTable.button(1).action(function(e, dt, button, config) {
            defaultCopyAction(e, dt, button, config);
            $('.dt-button-info').addClass('gritter-item-wrapper gritter-info gritter-center white');
        });
        var defaultColvisAction = myTable.button(0).action();
        myTable.button(0).action(function(e, dt, button, config) {
            defaultColvisAction(e, dt, button, config);
            if ($('.dt-button-collection > .dropdown-menu').length == 0) {
                $('.dt-button-collection')
                    .wrapInner(
                        '<ul class="dropdown-menu dropdown-light dropdown-caret dropdown-caret" />')
                    .find('a').attr('href', '#').wrap("<li />")
            }
            $('.dt-button-collection').appendTo('.tableTools-container .dt-buttons')
        });

})

// function updateStatus(){
    // 	 $status = $('#status').val();
    // 	 $remark = $('#remark').val();
    // 	$.ajaxSetup({
    // 		headers: {
    // 			'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
    // 		}
    // 	});

// 		$.ajax({
    // 		url: $('#editStatusForm').attr('action'),
    // 		method: 'POST',
    // 		data: $('#editStatusForm').serialize(),
    // 		success: function(data){
    // 			// console.log(data);
    // 			if(!data.flag){
    // 					showError('edit_status_error',data.errors.status);
    // 			}else{
    // 				$('#editItemModal').modal('hide');
    // 				swal({
    // 					title: "Success!",
    // 					text: data.message,
    // 					type: "success"
    // 				}, function() {
    // 					window.location.reload();
    // 				});
    // 			}
    // 		}
    // 	});
    // }
</script>
@endsection
@endsection