@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">Confirmation de suppression du projet {{ $project->display_name }} <a href="/projects/{{$project->uuid}}/edit" 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="/projects/{{$project->uuid}}/force-delete">
                            @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>
            </div>
        </div>
    </div>
</div>
@endsection