@extends('layouts.master')


@section('browserTitle')
Edit patient\'s clinicians
@endsection



@section('breadcrumb')
<li class="breadcrumb-item"><a href="{{ route('adminIndex') }}">{{ trans('menu.home') }}</a></li>
<li class="breadcrumb-item"><a href="{{ route('patients.show', ['patient' => $patient->id]) }}">{{ trans('menu.profile') }}</a></li>
<li class="breadcrumb-item active" aria-current="page">{{ trans('menu.attachClinician') }}</li>
@endsection


@section('title')
{{ trans('menu.patient') }} {{ $patient->name }} {{ $patient->surname }}
@endsection

@section('subtitle')
{{ trans('msg.selectClinAttach') }}
<br>
@endsection


@section('body')
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <!-- Campo di ricerca -->
            
            
            <form id="clinician-form" class="form-horizontal" name="admin" method="post" action="{{ route('patients.updateAttachedClinicians', ['patient' => $patient->id]) }}">
                @method('PUT') 
                @csrf
                <div class="row"> <!-- Contenitore della griglia -->
                    <!-- Colonna di sinistra -->
                    <div class="col-md-6">
                        <h3 class="mt-4">{{ trans('msg.alreadyConnClin') }}</h3>
                        @foreach($connectedClinicians as $clinician)
                        <div class="form-group mb-4">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="clinicians[]" value="{{ $clinician->id }}" id="flexCheckDefault-{{ $clinician->id }}" checked>
                                <label class="form-check-label ms-2" for="flexCheckDefault-{{ $clinician->id }}">
                                    {{ $clinician->user->firstname }} {{ $clinician->user->lastname }}
                                </label>
                                
                                <!-- <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault-{{ $clinician->id }}"> 
                                <label class="form-check-label ms-2" for="flexCheckDefault-{{ $clinician->id }}"> 
                                    {{ $clinician->user->firstname }} {{ $clinician->user->lastname }}
                                </label> -->
                            </div>
                        </div>
                        @endforeach
                    </div>

                    <!-- Colonna di destra -->
                    <div class="col-md-6">
                        <h3 class="mt-4">{{ trans('msg.otherClin') }}</h3>
                        @foreach($clinicians as $clinician)
                            @if(!$connectedClinicians->contains($clinician))
                            <div class="form-group mb-4">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="clinicians[]" value="{{ $clinician->id }}" id="flexCheckDefault-{{ $clinician->id }}">
                                        <label class="form-check-label ms-2" for="flexCheckDefault-{{ $clinician->id }}">
                                            {{ $clinician->user->firstname }} {{ $clinician->user->lastname }}
                                        </label>

                                    <!-- <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault-{{ $clinician->id }}">
                                    <label class="form-check-label ms-2" for="flexCheckDefault-{{ $clinician->id }}">
                                        {{ $clinician->user->firstname }} {{ $clinician->user->lastname }}
                                    </label> -->
                                </div>
                            </div>
                            @endif
                        @endforeach
                    </div>
                </div>

                <div class="form-group row mb-4 col-md-6 offset-md-6">
                    <div class="cd-flex"> 
                        <label for="mySubmit" class="my-btn my-blue-btn w-100">{{ trans('btn.save') }}</label>
                        <input id="mySubmit" class="d-none" type="submit" value="Save">
                    </div>
                </div>

                <div class="form-group row mb-4 col-md-6 offset-md-6">
                    <div class="cd-flex"> 
                        <a class="my-btn my-red-btn w-100 d-block" href="{{ route('patients.show', ['patient' => $patient->id]) }}">{{ trans('btn.cancel') }}</a>
                    </div>
                </div>         
            </form>
        </div>
    </div>
</div>











@endsection