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

@endsection
@section('breadcrump')
  <h1>
    {{ __('Support') }}
  </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/support') }}"><i class="fa fa-envelope"></i> {{__('Support')}}</a></li>
    <li class="active">{{__('Show Support')}}</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">{{ __('Support request') }}</h3>
              <a href="{{route('orders.show',$support['order_id'])}}" class="btn btn-primary" style="@if(app()->getLocale()=='ar')float:left @else float:right @endif;margin-left:5px;">
                {{__('Order details')}}
              </a>
              <a href="{{route('users.show',$support['user_id'])}}" class="btn btn-primary" style="@if(app()->getLocale()=='ar')float:left @else float:right @endif;margin-left:5px;">
                {{__('User')}}
              </a>
            </div><!-- /.box-header -->


            <div class="box-body">
                <div class="row">
                    <div class="col-lg-12">
                        <h4 class="d-inline">{{__('Problem type')}}</h4>
                        <p class="d-inline">{{__($support['type'])}}</p>
                    </div>
                    <div class="col-lg-12">
                        <h4>{{__('Details')}}</h4>
                        <p>{{$support['body']}}</p>
                    </div>
                </div>
        
            </div>

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

          <div class="box box-primary">
                <div class="row">
                        <!-- quick email widget -->
                        <form method="POST" action="{{route('support.update',$support['id'])}}">
                          <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-check"></i>
                                    <h3 class="box-title">{{__('Problem Solution')}}</h3>
                                  </div>
                                    @csrf
                                    @method('put')
                                    <div class="box-body">
                                        
                                        <div>
                                          <textarea name="solution" class="textarea" placeholder="{{__('Problem Solution')}}" style="width: 100%; height: 125px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;" required>{{$support['solution']}}</textarea>
                                        </div>
                                      
                                    </div>
                                  <div class="box-footer clearfix">
                                    <button class="pull-right btn btn-success" id="sendEmail">{{__('Save')}}</button>
                                  </div>
                                </div>
                          </div>
                        </form>
                  </div>
          </div>
        </div><!-- /.col -->
      </div><!-- /.row -->
@endsection

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