@extends('admin.layouts.master')

@section('title')
    Receivables
@stop

@section('style')
    <style>
        tr.group,
        tr.group:hover {
            background-color: #ddd !important;
        }
        /*filter on top*/
        tfoot {
            display: table-header-group;
        }
        thead {
            display: table-row-group;
        }
        /*hide show entries
        .dataTables_length {
            display: none;
        }
        .dataTables_filter {
            display: none;
        }*/
        select.fstyle { width: 50px }
        /*#user_table select
        {
            width:340px !important;
        }*/
        table.dataTable tr.odd { background-color: #E5F7FC; }
        table.dataTable tr.even { background-color: white; }
    </style>
@stop

@section('content')
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                <span class="fa fa-bookmark-o"></span> Receivables
            </h1>
            <ol class="breadcrumb">
                <li><a href="#"><i class="fa fa-bookmark-o"></i> Admin Panel</a></li>
                <li class="active"> Receivables</li>
            </ol>
        </section>
        <input type="hidden" id="cmonth" name="cmonth" value="{{$cmonth}}" readonly>

        <!-- Main content -->
        <section class="content" style=" padding-bottom: 10%;">
            {{--<div class="page-header">
                <a href="{{route('receivables.new')}}" class="btn btn-primary"><i class="fa fa-plus-circle"></i> New Receivable</a>
            </div>--}}
            <div class="page-header">
                {{--<button id="btnMonth" name="btnMonth" class="btn btn-success"><i class="fa fa-eye"></i> View This Month</button>--}}
                <div style="width: 280px;float:right;">
                    <div style="float:right;display: inline-block;font-size: 14px;">
                        Year:
                        <select name="yyear" id="yyear" class="form-control ddate">
                            @foreach ($years as $year)
                                <option value="{{$year->yyear}}">{{$year->yyear}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div style="float:right;display: inline-block;font-size: 14px;">
                        Month:
                        <select name="mmonth" id="mmonth" class="form-control ddate">
                            {{--<option value=""></option>--}}
                            @foreach ($months as $month)
                                <option value="{{$month->mmonth}}">{{$month->mmonth}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div style="float:right;display: inline-block;font-size: 14px;margin-top:20px;padding-right:5px;">
                        <button id="btnFilter" class="btn btn-info"><i class="fa fa-filter" aria-hidden="true"></i> Filter</button>
                    </div>
                </div>
            </div>

            <div style="padding-top:30px;"></div>
            <table class="table table-hover" id="user_table" width="100%">
                <thead>
                    <tr style="background: grey ;color:#fff; font-weight: bold">
                        <td>ID</td>
                        <td>Reserved Date</td>
                        <td>Developer</td>
                        <td>Project</td>
                        <td>Blk / Lot</td>
                        <td>Client</td>
                        <td style="text-align: center">Agent</td>
                        <td>Net Price</td>
                        {{--<td>User</td>--}}
                        <td>Actions</td>
                    </tr>
                </thead>
                @foreach($comms as $comm)
                    <tr >
                        {{--<td><a class="btn btn-warning btn-xs" href="{{ route('receivables.edit',[$comm->rcvd_id]) }}">{{$comm->rcvd_id}}</a></td>--}}
                        <td><a href="{{ route('receivables.edit',[$comm->rcvd_id]) }}">{{$comm->rcvd_id}}</a></td>
                        <td width="10%">{{date("d-M-Y", strtotime($comm->created_at))}}</td>
                        <td>{{$comm->dev_name}}</td>
                        <td>{{$comm->prj_name}}</td>
                        <td>Blk: {{$comm->blk}} / Lot: {{$comm->lot}}</td>
                        <td>{{$comm->client_name}}</td>
                        <td><span class="label label-default">{{strtoupper($comm->agent_code)}}</span></td>
                        <td style="text-align: right">{{number_format($comm->net_selling_price,2)}}</td>
                        {{--<td>{{$comm->user_name}}</td>--}}
                        <td class="btn btn-default ">
                            <a href="{{ route('receivables.edit',[$comm->rcvd_id]) }}" class="btn btn-success btn-xs"><i class="fa fa-edit"></i></a>
                            <a href="#" data-toggle="modal" data-target="#d{{$comm->rcvd_id}}" class="text-danger btn btn-danger btn-xs"><i class="fa fa-trash"></i></a>
                            <!-- Delete Modal -->
                            <div class="modal fade" id="d{{$comm->rcvd_id}}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                                <div class="modal-dialog" role="document">
                                    <form method="post" action="{{route('user.delete')}}">
                                    <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" id="myModalLabel"><i class="fa fa-warning"></i> confirm deletion</h4>
                                        </div>
                                        <div class="modal-body text-danger">
                                            <input type="hidden" name="id" value="{{$comm->rcvd_id}}">
                                            Are you sure want to delete receivable {{$comm->rcvd_id}}?
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                            <button type="submit" class="btn btn-primary">Confirm</button>
                                        </div>

                                    </div>
                                        {{csrf_field()}}
                                    </form>
                                </div>
                            </div>
                        </td>
                    </tr>
                @endforeach
                  <tfoot>
                    <tr>
                      <td></td>
                      <td></td>
                      <td></td>
                      <td></td>
                      <td></td>
                      <td></td>
                      <td></td>
                      <td></td>
                      <td></td>
                    </tr>
                  </tfoot>
            </table>
            @if(Session('info'))
                <div class="row">
                    <div class="col-md-6 col-md-offset-3 text-center">
                        <div class="tem alert alert-success navbar-fixed-bottom"><span class="glyphicon glyphicon-ok-circle"></span> {{Session('info')}}</div>
                    </div>
                </div>
            @endif
        </section>

    </div>
@stop

@section('script')
    <script>
        $(document).ready(function() {
            /*$('#user_table').DataTable( {
                "bDestroy": true,
                "order": [[ 0, "desc" ]]
            });*/
            $("#user_table").dataTable().fnDestroy();
            $('#user_table').DataTable( {
            /*"columnDefs": [
                { "visible": false, "targets": [0,2,3] }
                ],*/
                "bDestroy": true,
                "order": [[ 0, "desc" ]],
                initComplete: function () {
                    this.api().columns([2,3,4,5]).every( function () {
                        var column = this;
                        var select = $('<select class="fstyle" id="lnOpt"><option value=""></option></p>')
                            .appendTo( $(column.footer()).empty() )
                            .on( 'change', function () {
                                var val = $.fn.dataTable.util.escapeRegex(
                                    $(this).val()
                                );
                                column
                                    .search( val ? '^'+val+'$' : '', true, false )
                                    .draw();
                            } );

                        column.data().unique().sort().each( function ( d, j ) {
                            select.append( '<option value="'+d+'">'+d+'</option>' )
                        } );
                    } );
                }
            } );
        });

        /*$('#mmonth').on('change', function () {
            var yy = $("#yyear").val();
            //alert(this.value+' '+yy);
            window.location.href = '/admin/receivables/month/'+this.value+'/'+yy;
            $('#mmonth').val(this.value);
        });

        $('#yyear').on('change', function () {
            var mm = $("#mmonth").val();
            window.location.href = '/admin/receivables/month/'+mm+'/'+this.value;
            //alert(mm+' ' +this.value);
        });*/

        /*$('.ddate').on('change', function () {
            alert(this.value);
        });*/

        /*$('#btnMonth').on('click', function () {
            var mm = $("#mmonth").val();
            var yy = $("#yyear").val();
            window.location.href = '/admin/receivables/month/'+mm+'/'+yy;
            //alert(mm+' ' +this.value);
        });*/

        $('#btnFilter').on('click', function () {
            //alert('ready');
            var mm = $("#mmonth").val();
            var yy = $("#yyear").val();

            //alert(mm +' - '+ yy);

            window.location.href = '/admin/receivables/month/'+mm+'/'+yy;

            //alert(cm +' - '+ yy);
            /*var cm = $("#cmonth").val();
            var yy = $("#yyear").val();
            window.location.href = '/sales/month/'+cm+'/'+yy;*/
            //alert(mm+' ' +this.value);
        });
        /*$("#btnAdd").on("click", function(){
            $('#addModal').modal('toggle');
        });*/
    </script>
@stop