@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                @if ($isUsed === false)
                    <div class="card-header">Confirmation de suppression du serveur <a href="{{route('servers.edit', ['id' => $server->id])}}" class="btn btn-sm btn-primary float-right">Retour</a></div>

                    <div class="card-body">
                        @if(session()->has('success'))
                        <div class="alert alert-success">
                            {{ session()->get('success') }}
                        </div>
                    @endif
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                        <div style="display: flex; flex-direction: row; justify-content: center;align-items: center;">
                            <form ref="otp_form" class="d-inline" method="POST" action="{{route('servers.force-delete', ['id' => $server->id])}}">
                                @csrf
                                {{ __('Code OTP') }} :
                                <input type="text" name="otp" maxlength="6" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');" required>
                            </form>
                            <a href="/login/send-sms-otp" class="btn btn-link">SMS</a>
                        </div>
                    </div>
                @else
                    <div class="card-header">Suppression du serveur refusée <a href="{{route('servers.edit', ['id' => $server->id])}}" class="btn btn-sm btn-primary float-right">Retour</a></div>

                    <div class="card-body">
                        <p>Le serveur est utilisé par le(s) projet(s) suivant(s) :</p>
                        <ul>
                            @foreach($isUsed as $project)
                                <li>{{$project->name}}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection