@extends('admin.layouts.app')
@section('title', 'پنل مدیریت | مشاهده پیام')
@section('content')
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0 text-dark">مشاهده پیام</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-left">
                            {{ Breadcrumbs::render('contact-show', $contact) }}
                        </ol>
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->

        <!-- Main content -->
        <section class="content">
            <div class="container-fluid bg-white py-3">
                <div class="post">
                    <div class="user-block">
                        <img class="img-circle img-bordered-sm" src="{{ $contact->avatar }}" alt="user avatar">
                        <span class="username">
                      <a href="#">{{ $contact->name }}</a>
                    </span>
                        <span class="description">ارسال شده در {{ to_persian_numbers(jdate($contact->created_at)->format('Y/m/d ساعت H:i:s')) }}
                            @if(count($contact->categories))
                                <i class="fa fa-list-alt mr-1"></i> {{ $contact->categories[0]->name }}
                            @endif
                  </span>
                    </div>
                    <p class="text-justify px-5">
                        {{ $contact->message }}
                        @if($contact->file)
                            <br>
                            <a href="{{ asset($contact->file) }}" class="btn-sm mt-2 btn btn-outline-info" target="_blank">
                                <span class="fa fa-file"></span> مشاهده فایل
                            </a>
                        @endif
                    </p>
                    <p>
                        <a href="tel:{{ $contact->mobile }}" class="link-black text-sm mr-2"><i class="fa fa-mobile mr-1"></i> {{ $contact->mobile }}</a>
                        @if($contact->email)
                            <a href="mailto:{{ $contact->email }}" class="link-black text-sm"><i class="fa fa-envelope mr-1"></i> {{ $contact->email }}</a>
                        @endif
                    </p>
                </div>
            </div><!-- /.container-fluid -->
        </section>
        <!-- /.content -->
    </div>
@endsection