@extends('layouts.admin')

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


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

            <div class="box">
                <div class="box-header"> </div>

                <div class="box-body">
                    <table id="ReferenceList" class="table table-bordered table-striped dataTable table-condensed">
                        <thead>
                        <tr>
                            <th> Reference Name</th>
                            <th> Contact No</th>
                            <th> Address</th>
                            <th> Commision Rate</th>
                            <th> Action</th>
                        </tr>
                        </thead>


                        <tbody>
                        @foreach($ReferenceList as $Reference)
                            <tr>
                                <td>{{ $Reference->Name  }}</td>
                                <td>{{ $Reference->ContactNo  }}</td>
                                <td>{{ $Reference->Address  }}</td>
                                <td>{{ round($Reference->CommisionRate,2)  }}</td>
                                <td>
                                    <a href="/Reference/Ledger/{{ $Reference->id }}" class="btn btn-primary"><i class="fa fa-book"></i></a>
                                    <a href="/Reference/Edit/{{ $Reference->id }}" class="btn btn-warning"><i class="fa fa-pencil-square-o"></i></a>
                                    <a href="/Reference/Delete/{{ $Reference->id }}" class="btn btn-danger"><i class="fa fa-trash"></i></a>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </section>
        <!--=====================  / Main Content  ======================-->
    </div>
    <!--=====================  /Wrapper  ======================-->


    <script>
        $(document).ready(function() {
            $('#ReferenceList').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