@extends('layouts.app')

@section('content')
    <div class="row">
        <div class="col-xl-4">
            <div class="card">
                <div class="card-body p-0">
                    <form action="{{ isset($clinicalInfo) ? route('clinical-infos.update', $clinicalInfo) : route('clinical-infos.store')}}" method="POST" enctype="multipart/form-data">
                        @csrf
                        @method(isset($clinicalInfo) ? 'PUT' : 'POST')
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title"> {{ isset($clinicalInfo) ? 'Modifier information clinique' : 'Ajout d\'information clinique' }} </h5>
                            </div>
                            <div class="modal-body">
                                @include('app.clinical_infos.form-inputs')
                                @if(isset($clinicalInfo))
                                    @can('update', $clinicalInfo)
                                        <button type="submit" class="btn btn-success w-100 mt-5">Enregistrer</button>
                                    @endcan
                                @else
                                    @can('create', \App\Models\ClinicalInfo::class)
                                        <button type="submit" class="btn btn-success w-100 mt-5">Enregistrer</button>
                                    @endcan
                                @endif
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-xl-8">
            <div class="card">
                <div class="card-body p-3>
                    <div class="table-responsive active-projects style-1">

                        <div class=" card-body table-responsive">

                            <h5 class="modal-title">Liste des informations clinique possible</h5>

                            <table id="example" class="display table" style="min-width: 845px">
                                <thead>
                                <tr>
                                    <th width="1%">ID</th>
                                    <th>Nom</th>
                                    <th>Date</th>
                                    <th width="2%">Actions</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($clinicalInfos as $clinicalInfo)
                                    <tr>
                                        <td><span>{{$clinicalInfo->id}}</span></td>
                                        <td><span>{{$clinicalInfo->name}}</span></td>
                                        <td><span>{{$clinicalInfo->created_at->format('d/m/Y H:i:s')}}</span></td>
                                        <td class="">
                                            @can('update', $clinicalInfo)
                                            <a href="{{route('clinical-infos.edit', $clinicalInfo->id)}}" class="btn btn-primary shadow btn-sm  me-1"><i class="fas fa-pen-alt"></i>  </a>
                                            @endcan
                                            @can('delete', $clinicalInfo)
                                            <a href="#delete-modal" class="btn btn-danger shadow btn-sm  me-1 delete" data-bs-toggle="modal" id="{{ $clinicalInfo->id }}"><i class="fas fa-trash-alt" id="{{ $clinicalInfo->id }}"></i>  </a>
                                            @endcan
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



@endsection

@section('scripts')
    <script>
        $(function () {
            let urlDelete = "{{ route('clinical-infos.destroy', 'id') }}";
            $(document).on("click", ".delete", function (e) {
                e.preventDefault();
                const id = JSON.parse(e.target.getAttribute("id"));
                $('#delete-form').attr('action', urlDelete.replace('id', id));
            });
        });
    </script>
@endsection