@extends('layouts.admin')

@section('content')
    <!--==================== Wrapper  ======================-->
    <div class="content-wrapper">
        <!--=====================  Content Header ===================-->
        <section class="content-header">
            <h1>
                <i class="fa fa-list-ul"></i> Doctor Ledger List
                <small>View All Doctors list</small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="/Dashboard"><i class="fa fa-dashboard"></i> Dashboard</a></li>
                <li class="active">Doctor Ledger List</li>
            </ol>
        </section>
        <!--===================== / Content Header ===================-->


        <!--=====================  Main Content  ======================-->
        <section class="content">

            <div class="box">
                <div class="box-header">
                    <a class="btn btn-primary" data-toggle="modal" data-target="#NewPaymentModal">New Payment</a>
                </div>

                <div class="box-body">
                    <table id="DoctorList" class="table table-bordered table-striped dataTable table-condensed">
                        <thead>
                        <tr>
                            <th> LedgerID</th>
                            <th> Debit</th>
                            <th> Credit</th>
                            <th> Balance </th>
                            <th> Note </th>
                            <th> Date </th>
                            <th> Action</th>
                        </tr>
                        </thead>


                        <tbody>
                        @foreach($LedgerList as $Ledger)
                            <tr>
                                <td>{{ $Ledger->id  }}</td>
                                <td>{{ $Ledger->debit  }}</td>
                                <td>{{ $Ledger->credit  }}</td>
                                <td>{{ $Ledger->balance  }}</td>
                                <td>{{ $Ledger->notes  }}</td>
                                <td>{{ date(d/m/Y,strtotime($Ledger->created_at)) }}</td>
                                <td>
                                    <a href="/Doctor/Edit/{{ $Doctor->id  }}" class="btn btn-warning"><i class="fa fa-pencil-square-o"></i></a>
                                    <a href="/Doctor/Delete/{{ $Doctor->id }}}" class="btn btn-danger"><i class="fa fa-trash"></i></a>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </section>
        <!--=====================  / Main Content  ======================-->
    </div>
    <!--=====================  /Wrapper  ======================-->


    <!--==================== New Category Modal ====================-->
    <div id="NewPaymentModal" class="modal" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title text-center"><p class="label label-primary">Payment to Doctor</p></h1>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label for="InvoiceID" class="control-label col-md-2">InvoiceID:</label>
                            <div class="col-md-2">
                                <input type="text" name="InvoiceID" class="form-control" placeholder="Memo Number" id="MemoID">
                            </div>

                            <label for="Payment Method" class="control-label col-md-2">Payment Method: </label>
                            <div class="col-md-2">
                                <select name="PatymentMethod" id="PaymentMethod" class="form-control">
                                    <option value="Cash">Cash</option>
                                    <option value="Bank">Bank</option>
                                    <option value="CashBank">Cash + Bank</option>
                                </select>
                            </div>
                        </div>


                        <div class="form-group" id="Cashing">
                            <label for="Amount" class="control-label col-md-2">Cash:</label>
                            <div class="col-md-2">
                                <input type="number" step=".0001" class="form-control" name="Amount" id="Amount" placeholder="Cash Amount" value="0">
                            </div>
                        </div>

                        <div class="form-group" id="Banking" style="">
                            <label for="Bank" class="col-sm-2 control-label">Bank :</label>
                            <div class="col-sm-2">
                                <select name="BankID" class="form-control" id="BankAdd">
                                    <option value="0" selected disabled>Select Bank</option>

                                    @foreach($BankList as $Bank)
                                        <option value="{{$Bank->BankID}}">{{$Bank->BankName}}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-sm-2">
                                <input type="text" name="ChequeNumber" id="ChequeNumber" class="form-control" placeholder="Cheque Number">
                            </div>

                            <div class="col-sm-2 has-warning">
                                <input type="number" step=".0001" name="Withdraw" class="form-control" placeholder="Amount" id="Withdraw"  min="1" max="100000000">
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-md-3 col-md-offset-3">
                                <input type="button" id="PaymentButton" name="submit" value="Payment" class="btn btn-primary btn-flat btn-block btn-lg">
                            </div>
                        </div>

                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-flat btn-danger" data-dismiss="modal">Cancel</button>
                </div>
            </div>
        </div>
    </div>



    <script>
        $(document).ready(function() {
            $('#DoctorList').DataTable();
            $('.Loan').on('click',function()
            {
                var Index=$('[name="Loan[]"]').index(this);
                var ID=$('input[name="VendorID[]"]').eq(Index).val();
                $('#LoanModal').modal('show');
                alert(ID);

            });
        });
    </script>
    <script>
        $(".btn-danger").on('click', function(e){
            e.preventDefault();
            var href = this.href;
            alertify.confirm("Are you sure?", function (e) {
                if (e) {
                    window.location.href = href;
                }
            });
        });
    </script>

@endsection