@extends('admin.layouts.default')
@section('content')
    <div class="element-wrapper" style="padding-bottom: 0rem !important;">
        <div class="content-box">
            <div class="element-box">
                <form>
                    <h4 class="form-header">
                        Demande N° {{ $contact->id }}
                    </h4>
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="form-group">
                                <h6 for=""> Prénom</h6>
                                <p> {{ $contact->prenom }} </p>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <h6 for="">Nom</h6>
                                <p>{{ $contact->nom }}</p>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <h6 for=""> Email</h6>
                                <p>{{ $contact->email }}</p>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <h6 for="">Téléphone</h6>
                                <p>{{ $contact->telephone ?? '---' }}</p>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <h6 for="">Objet</h6>
                        <p>{{ $contact->objet }}</p>
                    </div>
                    <div class="form-group">
                        <h6 for=""> Message</h6>
                        <p>{!! $contact->message !!}</p>
                    </div>
                    <div class="form-group">
                        <h6 for="">Page </h6>
                        <p>{!! $contact->source ?? '---' !!}</p>
                    </div>
                    <div class="text-right">
                        <a href="{{ route('admin.contact.delete', $contact->id) }}" class="btn btn-danger"><i
                                class="fa fa-trash"></i> Supprimer</a>
                        @php
                            $shortMessage = Illuminate\Support\Str::limit($contact->message, 1200); // Limit message length
                            $formattedMessage = preg_replace('/<br\W*?\/>/', '%0D%0A', $shortMessage); // Replace <br /> with new lines
                        @endphp

                        <a href="mailto:{{ $contact->email }}?subject=Re: {{ $contact->objet }}&body=%0D%0A-----%0D%0A{{ $formattedMessage }}"
                            class="btn btn-primary" target="_blank">Répondre</a>

                    </div>
                </form>
            </div>
        </div>
        <div class="element-wrapper">
            <div class="content-box">
                <div class="row">
                    <div class="col-md-12">
                        <div class="element-box">
                            <form method="post" action="{{ route('admin.contact.remarks', $contact->id) }}">
                                {{ csrf_field() }}
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="form-group w-100">
                                                <label for="">Remarque</label>
                                                <textarea class="form-control remarque" placeholder="{{ 'Remarques...' }}" name="remarks">{{ $contact->remarks }}</textarea>
                                            </div>
                                        </div>

                                        <button class="btn btn-primary pull-right" type="submit">Modifier</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection