@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 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 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="DoctorList" class="table table-bordered table-striped dataTable table-condensed">
                        <thead>
                        <tr>
                            <th> Doctor Name</th>
                            <th> Designation</th>
                            <th> Specialization</th>
                            <th> Contact No</th>
                            <th> Address </th>
                            <th> Commision Rate </th>
                            <th> Action</th>
                        </tr>
                        </thead>


                        <tbody>
                            @foreach($DoctorList as $Doctor)
                                <tr>
                                    <td>{{ $Doctor->Name  }}</td>
                                    <td>{{ $Doctor->Designation  }}</td>
                                    <td>{{ $Doctor->Specialization  }}</td>
                                    <td>{{ $Doctor->ContactNo  }}</td>
                                    <td>{{ $Doctor->Address  }}</td>
                                    <td>{{ round($Doctor->CommisionRate,2)  }}</td>
                                    <td>
                                        <a href="/Doctor/Ledger/List/{{ $Doctor->id  }}" class="btn btn-primary"><i class="fa fa-book"></i></a>
                                        <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  ======================-->


    <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