@extends('layout.app')

@section('content')
    <div class="page-content">
        <div class="page-bar">
            <div class="page-title-breadcrumb">
                <div class=" pull-left">
                    <div class="page-title">Modifier le lit</div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12 col-sm-12">
                <div class="card card-box">
                    <div class="card-head">
                        <button id = "panel-button"
                                class = "mdl-button mdl-js-button mdl-button--icon pull-right"
                                data-upgraded = ",MaterialButton">
                            <i class = "material-icons">more_vert</i>
                        </button>
                    </div>
                    <div class="card-body row" id="bar-parent">
                        <div class="col">
                            <form action="{{ route('beds.update', $data->custom_id) }}" method="POST" id="form_sample_1" class="form-horizontal">
                                @csrf
                                @method('PUT')
                                <div class="form-body">
                                    <div class="form-group row">
                                        <label class="control-label col-md-3">Nom
                                            <span class="required"> * </span>
                                        </label>
                                        <div class="col-md-5">
                                            <input value="{{ $data->name }}" type="text" name="name" data-required="1" placeholder="A1" class="form-control input-height" required/>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="control-label col-md-3">Chambre
                                            <span class="required"> * </span>
                                        </label>
                                        <div class="col-md-5">
                                            <select name="room_id" class="form-control input-height" required>
                                                <option value=""></option>
                                                @foreach($rooms as $r)
                                                    <option value="{{ $r->id }}" @if($data->room_id == $r->id) selected @endif>{{ $r->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <a href="#" data-target="#roomModal" data-toggle="modal" class="nav-link btn btn-light btn-sm">+</a>
                                    </div>

                                    <div class="form-group row">
                                        <label class="control-label col-md-3">Occupé par (optionnel)
                                        </label>
                                        <div class="col-md-5">
                                            <select name="patient_id" class="form-control input-height">
                                                <option value=""></option>
                                                @foreach($patients as $p)
                                                    <option value="{{ $p->id }}" @if($data->patient_id == $p->id) selected @endif>{{ $p->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-actions">
                                        <div class="row">
                                            <div class="offset-md-3 col-md-9">
                                                <button type="submit" class="btn btn-primary">Mettre à jour</button>
                                                <a href="{{ url()->previous() }}" type="button" class="btn btn-outlined-default">Annuler</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="text-small text-muted pull-right">
                            <table>
                                <tr class="text-danger">
                                    <td><small>*</small></td>
                                    <td><small>Champs obligatoires</small></td>
                                </tr>
                                <tr class="text-secondary">
                                    <td><small><i class="fa fa-info-circle"></i></small></td>
                                    <td><small>Infos supplémentaires</small></td>
                                </tr>
                                <tr class="text-dark">
                                    <td><small><i class="fa fa-plus"></i></small></td>
                                    <td><small>Ajouter des éléments dans la liste</small></td>
                                </tr>
                                @if(auth()->user()->subGold())
                                <tr class="text-dark">
                                    <td><small><i class="fa fa-microphone"></i></small></td>
                                    <td><small>Transcrire audio en texte</small></td>
                                </tr>
                                @endif
                                @if(auth()->user()->subStandard())
                                <tr class="text-dark"><td><small><i class="fa fa-user-nurse text-dark"></i></small></td>
                                    <td><small>Générer grâce à
                                            <a href="#" class="text-primary text-decoration-underline" style="text-decoration: underline !important;" data-target="#docteurIAModal" data-toggle="modal" title="En savoir plus">Docteur IA</a>
                                            </small></td>
                                </tr>
                                @endif
                            </table>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
@endsection