@extends('layouts.app')
@section('btn')

    <a href="{{ route('care-institutions.index') }}" class="btn btn-danger btn-sm">Retour en arrière</a>
@endsection
@section('content')
    <div class="row">

        <div class="col-xl-12">
            <div class="card">
                <div class="card-body p-0">
                    <div class="table-responsive active-projects style-1">
                        <form action="{{route('backoffice.careinstitutions.config.valide', $careInstitution->id)}}" method="post"> @csrf
                        <div class=" card-body table-responsive">

                          <div class="d-flex justify-content-between">
                              <h5 class="modal-title"> Association du PEC {{$careInstitution->name}} aux Paramètres d'analyses</h5>

                              <div>
                                  <button class="btn  btn-primary btn-sm" type="submit">Valider les changement</button>
                              </div>
                          </div>
                            <table id="example" class="display table mt-4" style="min-width: 100%">
                                <thead>
                                <tr>
                                    <th width="1%">action</th>
                                    <th width="2%">Paramètre</th>
                                    <th>Catégorie</th>
                                    <th>Action</th>
                                </tr>
                                </thead>

                                    <tbody>
                                    @foreach($analyseTypes as $analyseType)
                                        <tr>
                                            <td>
                                                <div class="form-check custom-checkbox mb-3">
                                                    <input type="checkbox" value="yes" @if($careassociate->where('analyse_type_id', $analyseType->id)->first()) checked @endif class="form-check-input" id="type{{$analyseType->id}}" name="type{{$analyseType->id}}" >
                                                </div>
                                            </td>
                                            <td>
                                                <label class="form-check-label" for="type{{$analyseType->id}}">{{$analyseType->name}}</label>

                                            </td>
                                            <td><span>{{$analyseType->analyseCategory->name}}</span></td>
                                            <td>
                                                <label class="form-check-label btn btn-dark btn-sm" style="background-color: black" for="type{{$analyseType->id}}">Séléctionner</label>

                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>


                            </table>
                            <button class="btn w-100 btn-primary btn-sm" type="submit">Valider les changement</button>


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



@endsection

@section('scripts')
    <script>
        $(function () {
            let urlDelete = "{{ route('care-institutions.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