@extends('admin.layout')
@section('title',__('Message'))
@section('css')

@endsection
@section('breadcrump')
  <h1>
    {{ __('Message') }}
  </h1>
  <ol class="breadcrumb direction">
    <li><a href="{{ url('admin/dashboard') }}"><i class="fa fa-dashboard"></i> {{__('Home')}}</a></li>
    <li><a href="{{ url('admin/messages') }}"><i class="fa fa-envelope"></i> {{__('Messages')}}</a></li>
    <li class="active">{{__('Show message')}}</li>
  </ol>
@endsection

@section('content')
<div class="row">
        <div class="col-xs-12">
          <div class="box box-info">

            <div class="box-header">
              <h3 class="box-title">{{ __('Message') }}</h3>
            </div><!-- /.box-header -->

            <div class="box-body">
                <div class="row">
                    <div class="col-md-1">
                        <label>{{__('From')}}</label>
                    </div>
                    <div class="col-md-11">
                        {{$message->name}}
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-1">
                        <label>{{__('Email')}}</label>
                    </div>
                    <div class="col-md-11">
                        {{$message->email}}
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-1">
                        <label>{{__('Message')}}</label>
                    </div>
                    <div class="col-md-11">
                        {{$message->message}}
                    </div>
                </div>
        
            </div>

          </div><!-- /.box -->

          <div class="box box-primary">
                <div class="row">
                        <!-- quick email widget -->
                        <form method="POST" action="{{url('admin/mails/sendMail')}}">
                          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 direction">
                              <div class="box box-info">
                                  <div class="box-header">
                                    <i class="fa fa-envelope"></i>
                                    <h3 class="box-title">{{__('Reply to mail')}}</h3>
                                  </div>
                                    @csrf
                                    <div class="box-body">
                                        <div class="form-group">
                                            <input type="email" class="form-control" name="email" placeholder="{{__('Email')}}" value="{{$message->email}}" readonly/>
                                        </div>
                                        <div class="form-group">
                                          <input type="text" class="form-control" name="subject" placeholder="{{__('Subject')}}" required/>
                                        </div>
                                        <div>
                                          <textarea name="message" class="textarea" placeholder="{{__('Message')}}" style="width: 100%; height: 125px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;" required></textarea>
                                        </div>
                                      
                                    </div>
                                  <div class="box-footer clearfix">
                                    <button class="pull-right btn btn-default" id="sendEmail">{{__('Send')}} <i class="fa fa-arrow-circle-right"></i></button>
                                  </div>
                                </div>
                          </div>
                        </form>
                  </div>
          </div>
        </div><!-- /.col -->
      </div><!-- /.row -->
@endsection

@section('scripts')
  @include('admin.pages.messages.scripts')
@endsection