@extends('backend.layouts.master')

@section('content')

<div class="page-wrapper">

    <div class="content">



        <div class="page-header">

            <div class="row">

                <div class="col-sm-12">

                    <ul class="breadcrumb">

                        <li class="breadcrumb-item"><a href="doctors.html">Mab

                            </a></li>

                        <li class="breadcrumb-item"><i class="feather-chevron-right"></i></li>

                        <li class="breadcrumb-item active">Mab List</li>

                    </ul>

                </div>

            </div>

        </div>



        <div class="row">

            <div class="col-sm-12">

                <div class="card card-table show-entire">

                    <div class="card-body">



                        <div class="page-table-header mb-2">

                            <div class="row align-items-center">

                                <div class="col">

                                    <div class="doctor-table-blk">

                                        <h3>Mab List</h3>

                                        <div class="doctor-search-blk">

                                            <div class="top-nav-search table-search-blk">

                                                <form>

                                                    <input type="text" class="form-control" placeholder="Search here">

                                                    <a class="btn"><img src="assets/img/icons/search-normal.svg" alt=""></a>

                                                </form>

                                            </div>
                                           
                                            <div class="add-group">

                                                <a href="add-doctor.html" class="btn btn-primary

                               add-pluss ms-2"><img src="{{ asset('backend/assets/img/icons/plus.svg') }}" alt=""></a>

                                                <a href="javascript:;" class="btn btn-primary

                               doctor-refresh ms-2"><img src="{{ asset('backend/assets/img/icons/re-fresh.svg') }}" alt=""></a>

                                            </div>

                                        </div>
                                        <div class="add-group">
                                            <span style="background-color: rgb(78, 56, 172); color:white; border:2px solid rgb(78, 56, 172); border-radius:3px;">Total Mab : {{ $mablist->count(); }}</span>
                                        </div>
                                    </div>
                                  
                                </div>

                                <div class="col-auto text-end float-end ms-auto

                       download-grp">

                                    <a href="{{ route('export.mab') }}" class=" me-2"><img src="{{ asset('backend/assets/img/icons/pdf-icon-01.svg') }}" alt=""></a>

                                    <a href="{{ route('export.mab') }}" class=" me-2"><img src="{{ asset('backend/assets/img/icons/pdf-icon-02.svg') }}" alt=""></a>

                                    <a href="{{ route('export.mab') }}" class=" me-2"><img src="{{ asset('backend/assets/img/icons/pdf-icon-03.svg') }}" alt=""></a>

                                    <a href="{{ route('export.mab') }}"><img src="{{ asset('backend/assets/img/icons/pdf-icon-04.svg') }}" alt=""></a>

                                </div>

                            </div>

                        </div>



                        <div class="table-responsive">

                            <table class="table border-0 custom-table comman-table

                     datatable mb-0">

                                <thead>

                                    <tr>

                                        <th>

                                            <div class="form-check check-tables">

                                                <input class="form-check-input" type="checkbox" value="something">

                                            </div>

                                        </th>
                                        <th>Name</th>
                                        <th>Email</th>
                                        <th>City</th>
                                        <th>Action</th>
                                    </tr>

                                </thead>

                                <tbody>

                                    @foreach ($mablist as $mablists)

                                    <tr>

                                        <td>

                                            <div class="form-check check-tables">

                                                <input class="form-check-input" type="checkbox" value="something">

                                            </div>

                                        </td>

                                        <td class="profile-image">

                                            <a href="#">

                                                {{ $mablists->name }}

                                            </a>
                                        </td>
                                        
                                        <td class="profile-image">

                                            <a href="#">

                                                {{ $mablists->Email }}

                                            </a>
                                        </td>
                                        <td class="profile-image">

                                            <a href="#">

                                                {{ $mablists->city }}

                                            </a>
                                        </td>
                                        <td>
                                        <a href="{{ route('mab.edit', $mablists->id) }}" class="btn btn-primary">Edit</a>

                                        </td>

                                    </tr>

                                    @endforeach

                                </tbody>

                            </table>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>



</div>

<div id="delete_patient" class="modal fade delete-modal" role="dialog">

    <div class="modal-dialog modal-dialog-centered">

        <div class="modal-content">

            <div class="modal-body text-center">

                <img src="assets/img/sent.png" alt="" width="50" height="46">

                <h3>Are you sure want to delete this ?</h3>

                <div class="m-t-20"> <a href="#" class="btn btn-white" data-bs-dismiss="modal">Close</a>

                    <button type="submit" class="btn btn-danger">Delete</button>

                </div>

            </div>

        </div>

    </div>

</div>

@endsection