@extends('admin.layouts.app')

@section('content')

    <div class="row">
        <div class="col-xl-6 offset-xl-3">
            <div class="c-card u-p-medium u-mb-medium">

                <div class="u-text-center">
                    <div class="c-avatar c-avatar--large u-mb-small u-inline-flex">
                        <img class="c-avatar__img" src="{{Avatar::create($contact->name)->toBase64()}}" alt="{{$contact->name}}'s Avatar">
                    </div>

                    <h3 class="u-h5">{{$contact->name}}
                        <small class="c-candidate__country">
                            <i class="fa fa-envelope-o"></i>{{$contact->email}}
                        </small>
                    </h3>
                </div>
                <table class="c-table u-text-center u-pv-small u-mt-medium u-border-right-zero u-border-left-zero">
                    <thead>
                    <tr>
                        <th class="u-pt-small u-color-primary">{{$contact->support_id}}</th>
                        <th class="u-pt-small u-color-primary">{{$contact->created_at->toFormattedDateString()}}</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td class="u-text-mute u-text-xsmall u-pb-small u-text-uppercase">Support Id</td>
                        <td class="u-text-mute u-text-xsmall u-pb-small u-text-uppercase">Time Submitted</td>
                    </tr>
                    </tbody>
                </table>

                <div class="u-mt-small">
                    @if($contact->isResolved())
                        <a class="c-btn c-btn--danger c-btn--fullwidth" href="{{route('admin.contact.unresolve', $contact->support_id)}}">Unresolve</a>
                    @else
                        <a class="c-btn c-btn--success c-btn--fullwidth" href="{{route('admin.contact.resolve', $contact->support_id)}}">Resolve</a>
                    @endif

                </div>


            </div>

            <div class="row u-mb-medium">
                <div class="col-12">
                    <div class="c-card u-p-medium u-mb-medium">

                        <h4 class="u-text-bold">
                            Subject
                        </h4>

                        <p class="u-mb-medium">
                           {{$contact->subject}}
                        </p>

                        <h4 class="u-text-bold">
                            Details
                        </h4>
                        <p class="u-mb-medium">
                            {{$contact->message}}
                        </p>

                    </div>

                </div>
            </div>

            <div class="row u-mb-medium">
                <div class="col-12">
                    <div class="c-card u-p-medium u-mb-medium">

                        <form action="{{route('contact.reply',$contact->support_id)}}" method="POST">
                            @csrf

                            <textarea name="message" cols="30" rows="10" class="c-input"></textarea>
                            <br>
                            <button type="submit" class="c-btn c-btn--danger c-btn--fullwidth">Reply Contact</button>
                        </form>

                    </div>
                </div>
            </div>

        </div>
    </div>

@endsection