@extends('assistant.layout.master')
@section('page-title', 'Clinic Service')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
    <li class="breadcrumb-item">Clinic</li>
    <li class="breadcrumb-item f-w-500 active">Service</li>
@endsection
@section('title','Clinic')
@section('content')
    <!-- Container-fluid starts-->
    <div class="container-fluid ">
        <div class="row">
            <div class="col-sm-12">
                <div class="mb-4">

                    <h3>
                        {{request()->has('clinicId') ?  \App\Models\Clinic::find(request()->input('clinicId'))->name : null}}
                    </h3>
                </div>
                <div class="card">
                    <div class="card-body">
                        <div class="list-product-header">
                            <div>
                                <button class="btn btn-primary"  data-bs-toggle="modal" data-bs-target="#create_clinic_service"><i class="fa fa-plus"></i>Add Service</button>
                            </div>

                        </div>
                        <div class="list-product">
                         <livewire:assistant.clinic.service.service-table :clinicId="request('clinicId')"/>
                        </div>

                        <livewire:assistant.clinic.service.delete :clinicId="request('clinicId')"/>
                        <livewire:assistant.clinic.service.show/>
                        <livewire:assistant.clinic.service.create :clinicId="request('clinicId')"/>
                        <livewire:assistant.clinic.service.update :clinicId="request('clinicId')"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Container-fluid Ends-->
@endsection