@extends('backoffice.pharmacy.layout')
@section('content')


<div class="row">
    <div class="col-md-5">
        <div class="iq-card">
            <div class="iq-card-header d-flex justify-content-between">
                <div class="iq-header-title">
                    <h4 class="card-title" id="title-card">{{ Str::contains(url()->current(), '/edit') ? 'Modifier' : 'Ajouter' }} une classe thérapeutique</h4>
                </div>
            </div>
            <div class="iq-card-body">
                <form action="{{ Str::contains(url()->current(), '/edit') ? route('pharmacy.therapeutic-classes.update', $therapeutic_classe) : route('pharmacy.therapeutic-classes.store')}}" method="POST" id="therapeutic-class-form">
                    @csrf
                    <div class="form-group">
                        <label for="value">Nom</label>
                        <input type="text"  name="value" required class="form-control" id="value" value="{{ $therapeutic_classe->value ?? '' }}">
                    </div>

                    <button type="submit" class="btn w-100 mt-2 btn-primary">Enregistrer</button>
                </form>
            </div>
        </div>

    </div>
    <div class="col-md-7">
        <div class="iq-card">
            <div class="iq-card-header d-flex justify-content-between">
                <div class="iq-header-title">
                    <h4 class="card-title">{{ $pagename ?? "" }}</h4>
                </div>
            </div>
            <div class="iq-card-body">
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                            <th scope="col">N°</th>
                            <th scope="col">Nom</th>
                            <th scope="col" style="text-align: right">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($therapeutic_classes as $therapeutic_classe)
                                <tr>
                                <th scope="row">{{ $loop->index + 1 }}</th>
                                <td>{{ $therapeutic_classe->value ?? '' }}</td>
                                <td align="end">
                                <div class="btn-group" role="group">
                                        <button id="btnGroupDrop1" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        Actions
                                        </button>
                                        <div class="dropdown-menu" aria-labelledby="btnGroupDrop1" style="">
                                            <a class="dropdown-item edit-therapeutic-class" href="{{ route('pharmacy.therapeutic-classes.edit', $therapeutic_classe) }}" therapeutic-classe="{{ $therapeutic_classe->id ?? '' }}">Modifier</a>
                                            <a class="dropdown-item delete-therapeutic-class" href="javascript:void(0)" data-toggle="modal" therapeutic-class="{{ $therapeutic_classe->id ?? '' }}" data-target="#delete-modal">Supprimer</a>
                                        </div>
                                    </div>
                                </td>
                                </tr>
                            @empty
                                <tr>
                                <td colspan="7">Aucun utilisateurs</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                    <div class="d-flex justify-content-center">
                        {{ $therapeutic_classes->links() }}
                    </div>
                </div>
            </div>
        </div>

    </div>

</div>
@include('backoffice.includes.modals.delete-modal')
@endsection

@section('scripts')
    <script>
        $(function () {
            let urlDelete = "{{ route('pharmacy.therapeutic-classes.destroy', 'id') }}";

            $(document).on("click", ".delete-therapeutic-class", function (e) {
                e.preventDefault();
                const therapeuticClass = JSON.parse(e.target.getAttribute("therapeutic-class"));
                $('#delete-form').attr('action', urlDelete.replace('id', therapeuticClass));
            });
        });
    </script>
@endsection