@extends('layouts.app')
@section('title')
رسالة {{$message->subject}}
@endsection
@section('content')

<div class="row">
    <div class="col-4">
        
        <div class="card">
            <div class="card-body">
            <div class="text-muted text-uppercase font-weight-bold font-xs">اسم المرسل</div>
            <div class="h5 text-primary mb-0 mt-2">{{$message->name}}</div>
            </div>
        </div>
    </div>

    <div class="col-4">
        <div class="card">
            <div class="card-body">
                <div class="text-muted text-uppercase font-weight-bold font-xs">البريد الإلكتروني</div>
                <div class="h5 text-primary mb-0 mt-2">{{$message->email}}</div>
            </div>
        </div>
    </div>

    <div class="col-4">
        <div class="card">
            <div class="card-body">
                <div class="text-muted text-uppercase font-weight-bold font-xs">عنوان الرسالة</div>
                <div class="h5 text-primary mb-0 mt-2">{{$message->subject}}</div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-12 col-lg-12">
        <div class="card">
            <div class="card-header">
                <i class="fa fa-envelope-o"></i> محتوى الرسالة:
            </div>
            <div class="card-body bg-light">
                {{$message->message}}
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-12 col-lg-12">
        <form action="{{ url()->current() }}" method="post" class="form-horizontal">
            <!-- general inputs -->
            <input type="hidden" name="_method" value="PUT">
            {{ csrf_field() }}
            <div class="d-grid gap-2">
            <button type="submit" name="reply" class="btn btn-warning">
                جعل الرسالة مقروءة
            </button>
            </div>
        </form>
    </div>
</div>

@endsection