@extends('Admin.master_layout.master')
@section('title', 'Supplier Payable Bills')
@section('header_menu')
@parent
@endsection
@section('sidebar_menu')
@parent
@endsection

@section('content')
<div id="content">
    <div id="content-header">
        <div id="breadcrumb"> 
            <a href="{{ url('/') }}" title="Go to Home" class="tip-bottom">
                <i class="icon-home"></i> Home
            </a> 
            <a href="" class="current">
                Supplier Payable Bills
            </a> 
        </div>
        <h1>Supplier Payable Bills</h1>
    </div>
    <div class="container-fluid">
        <hr>
        <div class="row-fluid">
            <div class="span12">
                @if (Session::has('message'))
                <div class="alert alert-info">{!! Session::get('message') !!}</div>
                @endif
                @if (Session::has('error'))
                <div class="alert alert-danger">{!! Session::get('error') !!}</div>
                @endif
                @if (Session::has('success'))
                <div class="alert alert-success">{!! Session::get('success') !!}</div>
                @endif
                <div class="widget-box">
                    <div class="widget-title"> <span class="icon"><i class="icon-th"></i></span>
                        <h5>{{ $transaction_type_name }} List</h5>
                        <span class="pull-right" style="padding: 7px;">
                            @if($transaction_type !== null)
                            <a class="btn btn-mini btn-primary" href="{{ url('orders') }}/{{ $transaction_type }}/add" title="Add new">Add</a>
                            @else
                            <a class="btn btn-mini btn-primary" href="{{ url('orders/add') }}" title="Add new">Add</a>
                            @endif

                        </span>
                    </div>
                    <div class="widget-content nopadding">
                        <table class="table table-bordered data-table">
                            <thead>
                                <tr>
                                    <th width="2%">No.</th>
                                    <th>Merchant Name</th>
                                    <th>Merchant Customer Id</th>
                                    <th>Merchant Payer Id</th>
                                    <th>Customer Name</th>
                                    <th>Payer Name</th>
                                    <th>Amount</th>
                                    <th>Payment Url</th>
                                    <th>Payment Status</th>
                                    <th width="9%">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(count($orders) > 0)
                                @foreach($orders as $data)
                                <tr class="gradeX">
                                    <td>{{ $no++ }}</td>
                                    <td>{{ getMechantName($data->merchant_id) }}</td>
                                    <td>{{ $data->merchant_customer_id }}</td>
                                    <td>{{ $data->merchent_payer_id }}</td>
                                    <td>{{ $data->customer_name }}</td>
                                    <td>{{ $data->payer_name }}</td>
                                    <td>{{ $data->amount }}</td>
                                    <td>{{ $data->short_link }}</td>
                                    <td>
                                        @if($data->payment_status == 0)
                                        <span class="label label-info">Pending</span>
                                        @elseif($data->payment_status ==1)
                                        <span class="label label-success">Complete</span
                                        @elseif($data->payment_status == 2)
                                        <span class="label label-danger">Closed</span
                                        @endif
                                    </td>
                                    <td class="center"> 

                                        <!-- @if($transaction_type !== null)
                                        @if($permission == true)
                                        <a class="btn btn-mini btn-success" href="{{ url('orders') }}/{{ $transaction_type }}/edit/{{$data->id}}" title="Edit"><i class="icon-pencil"></i></a>  
                                        @endif

                                        @if($user_role != 11)
                                        <a class="btn btn-mini btn-danger" onclick="if (confirm('Are You Sure? Do You Want To Delete?')) { return true; } else { return false; }" href="{{ url('orders') }}/{{ $transaction_type }}/delete/{{$data->id}}" title="Delete"><i class="icon-trash"></i></a>  
                                        <a href="#myModal" data-toggle="modal" data-email="{{ $data->payer_email }}" class="btn btn-mini btn-success btn-cmodal sendemail" onClick ="sendMail('{{ $data->id }}','{{ $data->payer_email }}')"><i class="icon-envelope"></i></a>
                                        @endif

                                        @if($data->payment_status ==1)
                                        <a class="btn btn-mini btn-info" href="{{ url('orders/view-receipt/'.str_replace('/', '_', $data->receipt_number)) }}" title="View Recipt" target="_blank"><i class='fas fa-receipt'></i></a>  
                                        @endif
                                        <a class="btn btn-mini btn-info btn-viewmodelmodal" href="javascript:void(0)" data-toggle="modal" data-id="{{ $data->id }}" data-user-name="{{ getMechantName($data->merchant_id) }}" data-target="#ViewBillModel" title="View Bill"><i class="fas fa-file-invoice"></i></a>  

                                        @if($user_role == 11 && $data->payment_status != 2)
                                        <a class="btn btn-mini btn-info btn-closebill" href="javascript:void(0)" data-toggle="modal" data-id="{{ $data->id }}" data-merchant-name="{{ getMechantName($data->merchant_id) }}" data-transaction="{{ $transaction_type }}" data-target="#CloseBillModel" title="Bill Close">Closed</a>
                                        @endif

                                        @else -->

                                        @if($permission == true)
                                        <a class="btn btn-mini btn-success" href="{{ url('supplier-payables/edit/'.$data->id) }}" title="Edit"><i class="icon-pencil"></i></a>  
                                        @endif
                                        @if($user_role != 11)
                                        <a class="btn btn-mini btn-danger" onclick="if (confirm('Are You Sure? Do You Want To Delete?')) { return true; } else { return false; }" href="{{ url('orders/delete/'.$data->id) }}" title="Delete"><i class="icon-trash"></i></a>  
                                        <a href="#myModal" data-toggle="modal" data-email="{{ $data->payer_email }}" class="btn btn-mini btn-success btn-cmodal sendemail" onClick ="sendMail('{{ $data->id }}','{{ $data->payer_email }}')"><i class="icon-envelope"></i></a>
                                        @endif
                                        <a class="btn btn-mini btn-info btn-viewmodelmodal" href="javascript:void(0)" data-toggle="modal" data-id="{{ $data->id }}" data-user-name="{{ getMechantName($data->merchant_id) }}" data-target="#ViewBillModel" title="View Bill"><i class="fas fa-file-invoice"></i></a>  
                                        @if($data->payment_status ==1)
                                        <a class="btn btn-mini btn-info" href="{{ url('supplier-payables/view-receipt/'.str_replace('/', '_', $data->receipt_number)) }}" title="View Recipt" target="_blank"><i class='fas fa-receipt'></i></a>  
                                        @endif
                                        @if($user_role == 11 && $data->payment_status != 2)
                                        <a class="btn btn-mini btn-info btn-closebill" href="javascript:void(0)" data-toggle="modal" data-id="{{ $data->id }}" data-merchant-name="{{ getMechantName($data->merchant_id) }}" data-transaction="{{ $transaction_type }}" data-target="#CloseBillModel" title="Bill Close">Closed</a>
                                        @endif
                                        @if($user_role == 11 && $data->payment_status != 2)
                                        <!-- <a class="btn btn-mini btn-info btn-tdsbill" href="javascript:void(0)" data-toggle="modal" data-id="{{ $data->id }}" data-tds = "{{ $data->is_tds_exemption }}" data-merchant-name="{{ getMechantName($data->merchant_id) }}" data-target="#TDSModal" title="Enter TDS">Enter TDS</a> -->
                                        <a class="btn btn-mini btn-info btn-tdsbill" href="{{ url('supplier-payables/edit/'.$data->id) }}" title="Enter TDS">Enter TDS</a>
                                        @endif

                                        <!-- @endif-->

                                    </td>
                                </tr>
                                @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="CloseBillModel" class="modal hide" style="display: none;" aria-hidden="true" tabindex="-1">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3>Close Bill - <span id="userName1"></span></h3>
    </div>
    <div class="modal-body">
        <form action="{{ url('orders/closeBill') }}" id="closeBillForm" class="form-horizontal" method="post">
            <input type="hidden" name="_token" class="_token" value="{{ csrf_token() }}">
            <input type="hidden" name="bill_id" class="bill_id">
            <input type="hidden" name="transactionID" class="transactionID" id="transactionID">
            <div class="control-group">
                <label class="control-label" style="width: auto;">Note :</label>
                <div class="controls" style="margin-left: 64px;">
                    <textarea style="width: 88%;" name="billCloseNote" class="span11" id="billCloseNote" required rows="5" cols="15"></textarea>
                </div>
            </div>
            <div class="control-group">
                <div class="controls">
                    <button type="submit" class="btn btn-success" id="closeBill">Submit</button>
                    <img id="loadder" style="display: none;" src="{{url('/public/admin/img/spinner.gif')}}">
                </div>
            </div>
        </form>
    </div>
</div>

<div id="TDSModal" class="modal hide" style="display: none;" aria-hidden="true" tabindex="-1">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3>TDS</h3>
    </div>
    <div class="modal-body">
        <form action="{{ url('supplier-payables/tds') }}" id="tdsForm" class="form-horizontal" method="post">
            <input type="hidden" name="_token" class="_token" value="{{ csrf_token() }}">
            <input type="hidden" name="bill_id" class="bill_id">
            
            <div class="control-group">
                <label class="control-label" style="width: auto;">TDS Exemption :</label>
                <div class="controls" style="margin-left: 64px;">
                    <select name="check_tds" id="check_tds">
                        <option value="0">No</option>
                        <option value="1">Yes</option>
                    </select>
                </div>
            </div>

            <div class="control-group">
                <div class="controls">
                    <button type="submit" class="btn btn-success" id="tdsBill">Submit</button>
                    <img id="loadder" style="display: none;" src="{{url('/public/admin/img/spinner.gif')}}">
                </div>
            </div>
        </form>
    </div>
</div>

<div id="myModal" class="modal hide" style="display: none;" aria-hidden="true" tabindex="-1">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3>Send Bill Receipt</h3>
    </div>
    <div class="modal-body">
        <form action="{{ url('orders/sendMail') }}" id="sendMailForm" class="form-horizontal" method="post">
            <input type="hidden" name="_token" class="_token" value="{{ csrf_token() }}">
            <input type="hidden" name="order_id" class="order_id">
            <div class="control-group">
                <label class="control-label">Email address :</label>
                <div class="controls">
                    <input type="email" name="email" id="pemail" required="required">
                    <p class="error emailerror"></p>
                </div>
            </div>
            <div class="control-group">
                <div class="controls">
                    <button type="submit" class="btn btn-success" id="sendMail">Send</button>
                    <img id="loadder" style="display: none;" src="{{url('/public/admin/img/spinner.gif')}}">
                </div>
            </div>
        </form>
    </div>
</div>

<div id="ViewBillModel" class="modal hide" style="width: 100%;left: 0;min-height: 100%;display: none;margin-left: 0px;top: 0;" aria-hidden="true" tabindex="-1">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3>View Bill - <span id="userName"></span></h3>
    </div>
    <div class="modal-body" style="min-height: 100%;max-height: 100%">
        <div class="col-sm-12" style="margin-bottom: 10px;">
            <div id="showViewBill"></div>
            <br>
            <br>
            <button class="btn" data-dismiss="modal" aria-hidden="true" style="float: right;">Close</button>
        </div>

    </div>
</div>
@endsection

@section('footer')
@parent
@endsection

@section('extraa_script_and_js')
<script type="text/javascript">

    function sendMail($id, $email){
    $('#pemail').val($email)
            $('.order_id').val($id);
    }
    $('.btn-viewmodelmodal').live('click', function () {
    var id = $(this).attr("data-id");
    var user_name = $(this).attr("data-user-name");
    $('#userName').html(user_name);
    $.ajax({
    type: 'GET',
            url: "{{ url('/orders/view-bill') }}/" + id,
            success: function (data) {
            $('#showViewBill').html(data);
            }
    });
    });

    $('.btn-tdsbill').live('click', function () {
        var id = $(this).attr("data-id");
        var is_tds_exemption = $(this).attr("data-tds");
        $('.bill_id').val(id);
        $('select[name="check_tds"]').empty();
        if(is_tds_exemption === 1){

            $('select[name="check_tds"]').append('<option value="0">No</option><option value="1" selected>Yes</option>');
        }else{
            $('select[name="check_tds"]').append('<option value="0" selected>No</option><option value="1">Yes</option>');
        }
    });

    $('.btn-closebill').live('click', function () {
    var id = $(this).attr("data-id");
    var user_name = $(this).attr("data-merchant-name");
    var transactionID = $(this).attr("data-transaction");
    $('.bill_id').val(id);
    $('#userName1').html(user_name);
    $('#transactionID').val(transactionID);
    });
</script>
@parent
@endsection