@extends('admin.layout.master')

@section('title','Doctors')
@section('content')

    <!-- Start::row-1 -->
    <div class="row">
        <div class="col-xl-12">

            <div class="text-end my-4">
                <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#create_doctor">
                    Create
                </button>
            </div>
            <div class="card custom-card">
                <div class="card-header">
                    <div class="card-title text-capitalize">
                        @yield('title')
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <div id="hidden-columns_wrapper" class="dataTables_wrapper dt-bootstrap5">
                            <div class="row">
                                <livewire:admin.doctor.table.all/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <livewire:admin.doctor.crud.create/>
        <livewire:admin.doctor.crud.update/>
        <livewire:admin.doctor.crud.delete/>
        <livewire:admin.doctor.crud.show/>




    </div>
    <!-- row closed -->
@endsection