@extends('layouts.app')

@section('css_after')
    <!-- Page JS Plugins CSS -->
    <link rel="stylesheet" href="{{ asset('js/plugins/flatpickr/flatpickr.min.css') }}">
    <link rel="stylesheet" href="{{ asset('js/plugins/raty-js/jquery.raty.css') }}">
@endsection

@section("js_after")
    <script src="{{ asset('js/plugins/flatpickr/flatpickr.min.js') }}"></script>
    <script src="{{ asset('js/plugins/flatpickr/l10n/fr.js') }}"></script>
    <script src="{{ asset('js/plugins/raty-js/jquery.raty.js') }}"></script>

    <script src="{{ asset('js/pages/visit/edit.js') }}"></script>
@endsection

@section('content')

    <div class="content">
        <div class="block block-rounded">
            <div class="block-header block-header-default">
                <h3 class="block-title">Modifier les informations de la visite</h3>
            </div>
            <div class="block-content block-content-full">
                <form action="{{route("visits.update", $visit->id)}}" class="form edit_visit_form">
                    {{ method_field('PUT') }}
                    <div>
                        <div class="fw-bold d-inline"><i class="fas fa-user-md"></i> Médecin :</div>
                        <span class="d-inline">Dr {{$visit->doctor->full_name}}</span>
                    </div>
                    @if($visit->duo)
                        <div>
                            <div class="fw-bold d-inline"><i class="fas fa-user-md"></i> Médecin duo:</div>
                            <span class="d-inline">Dr {{$visit->duo->full_name}}</span>
                        </div>
                    @endif
                    <hr>
                    <div>
                        <p class="fw-bold d-inline"><i class="fa-solid fa-house-medical"></i> Établissement : </p>
                        <span class="d-inline">{{$visit->institution->name}}</span>
                    </div>
                    <div>
                        <p class="fw-bold d-inline"><i class="fas fa-address-card"></i> Adresse : </p>
                        <span class="d-inline">{{$visit->institution->full_address}}</span>
                    </div>
                    <hr>
                    <div class="row pb-3">
                        <div class="form-group col-4">
                            <label for="visit_date" class="form-label fw-bold">Date de visite</label>
                            <input type="text" class="form-control" id="visit_date" name="visit_date"
                                   value="{{$visit->visit_date}}">
                        </div>
                        <div class="form-group col-4">
                            <label for="period" class="form-label fw-bold">Période</label>
                            <select name="period" id="period" class="form-select" disabled>
                                <option value="matin" @if($visit->period == 'matin') selected @endif>Matin</option>
                                <option value="après-midi" @if($visit->period == 'après-midi') selected @endif>
                                    Après-midi
                                </option>
                            </select>
                        </div>

                        <div class="form-group col-4">
                            <label for="visit_last_status_id" class="form-label fw-bold">État</label>
                            <select class="form-control col-3" name="visit_last_status_id" id="visit_last_status_id">
                                @foreach($status as $state)
                                    <option value="{{$state->id}}"
                                            @if($state->id == $visit->visit_last_status_id) selected @endif>{{$state->name}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <hr>
                    <div class="row pb-2">
                        <div class="form-group col-6">
                            <label for="comment" class="form-label fw-bold">Commentaire</label>
                            <textarea class="form-control" name="comment" id="comment"
                                      rows="1">{{$visit->comment}}</textarea>
                        </div>
                        <div class="form-group col-6">
                            <label for="objective_next_visit" class="form-label fw-bold">Objectifs de la prochaine
                                visite</label>
                            <textarea rows="1" class="form-control" name="objective_next_visit"
                                      id="objective_next_visit">{{$visit->objective_next_visit}}</textarea>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col-2">
                            <label for="note" class="form-label fw-bold">Note</label>
                            <div class="js-rating form-control text-center" id="note"
                                 data-score="{{$visit->note ?? 0}}"></div>
                        </div>
                    </div>
                    <hr>
                    @if($visit->products->count())
                        <div class="row">
                            <div class="product_area">
                                <label for="products" class="fw-bold">Produits</label>
                                <table class="table table-bordered table-vcenter w-100">
                                    <thead>
                                    <tr class="bg-dark text-white">
                                        <th width="30%">Designation</th>
                                        <th width="15%">Nbr d'échantillons</th>
                                        <th width="15%">Qantité commandée</th>
                                        <th width="15%">No. lot</th>
                                        <th width="25%">Commentaire</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($visit->products as $product)
                                        <tr>
                                            <td>{{$product->designation}}</td>
                                            <td>
                                                <input type="number" class="form-control"
                                                       name="products[{{$product->id}}][quantity]"
                                                       value="{{$product->pivot->quantity}}">
                                            </td>

                                            <td><input type="text" class="form-control"
                                                       name="products[{{$product->id}}][order_quantity]"
                                                       value="{{$product->pivot->order_quantity}}">
                                            </td>

                                            <td><input type="text" class="form-control"
                                                       name="products[{{$product->id}}][batch]"
                                                       value="{{$product->pivot->batch}}">
                                            </td>
                                            <td><input type="text" class="form-control"
                                                       name="products[{{$product->id}}][comment]"
                                                       value="{{$product->pivot->comment}}">
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <hr>
                    @endif
                </form>
                <div class="row mt-4">
                    <div class="btn-group-justified text-end">
                        <a href="{{ url()->previous() == url()->current() ? route("visits.index") : url()->previous() }}"
                           class="btn btn-outline-secondary">Retour</a>
                        <button class="btn btn-outline-primary" id="edit-visit">Sauvegarder</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection