Current File : //home/tradevaly/public_html/resources/views/user/pages/help/show.blade.php

@extends('backend.layouts.app')
@push('title','Help requests')

@push('style')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css" integrity="sha256-2XFplPlrFClt0bIdPgpz8H7ojnk10H69xRqd9+uTShA=" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ti-icons@0.1.2/css/themify-icons.css">
<style>
  body{margin-top:20px;}
.icon-box.medium {
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
}
.icon-box {
    font-size: 30px;
    margin-bottom: 33px;
    display: inline-block;
    color: #ffffff;
    height: 65px;
    width: 65px;
    line-height: 65px;
    background-color: #59b73f;
    text-align: center;
    border-radius: 0.3rem;
}
.social-icon-style2 li a {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    background: #59b73f;
    height: 41px;
    line-height: 41px;
    width: 41px;
}
.rounded-3 {
    border-radius: 0.3rem !important;
}

.social-icon-style2 {
    margin-bottom: 0;
    display: inline-block;
    padding-left: 10px;
    list-style: none;
}

.social-icon-style2 li {
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}

a, a:active, a:focus {
    color: #616161;
    text-decoration: none;
    transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .2s;
    -ms-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
}

.text-secondary, .text-secondary-hover:hover {
    color: #59b73f !important;
}
.display-25 {
    font-size: 1.4rem;
}

.text-primary, .text-primary-hover:hover {
    color: #ff712a !important;
}

p {
    margin: 0 0 20px;
}

.mb-1-6, .my-1-6 {
    margin-bottom: 1.6rem;
}
</style>
@endpush

@section('content')
<div class="container">
  <div class="row justify-content-center">
      <div class="col-md-7 col-lg-4 mb-5 mb-lg-0 wow fadeIn">
          <div class="card border-0 shadow">
              <div class="card-body p-1-9 p-xl-5">
                  <div class="mb-4">
                      <h3 class="h4 mb-0">{{$help->name}}</h3>
                      <span class="text-primary">CEO &amp; Founder</span>
                  </div>
                  <ul class="list-unstyled mb-4">
                      <li class="mb-3"><a href="#!"><i class="far fa-envelope display-25 me-3 text-secondary"></i>&nbsp; {{$help->email}}</a></li>
                      <li class="mb-3"><a href="#!"><i class="fas fa-mobile-alt display-25 me-3 text-secondary"></i>&nbsp; {{$help->phone}}</a></li>
                      <li><a href="#!"><i class="fas fa-map-marker-alt display-25 me-3 text-secondary"></i>&nbsp; {{$help->c_name}}</a></li>
                  </ul>
              </div>
          </div>
      </div>
      <div class="col-lg-8">
          <div class="ps-lg-1-6 ps-xl-5">
              <div class="mb-5 wow fadeIn">
                  <div class="text-start mb-1-6 wow fadeIn">
                      <h2 class="h1 mb-0 text-primary">#HELP (Details)</h2>
                  </div>
                  <p>{!! $help->message !!}</p>
              </div>
              <div class="mb-5 wow fadeIn">
                  <div class="text-start mb-1-6 wow fadeIn">
                      <h2 class="mb-0 text-primary">#Info</h2>
                  </div>
                  <div class="row mt-n4">
                      <div class="col-sm-6 col-xl-4 mt-4">
                        <div class="card text-center border-0 rounded-3">
                            <div class="card-body">
                                <i class="ti-home icon-box medium rounded-3 mb-4"></i>
                                <h3 class="h5 mb-3">Company Name</h3>
                                <p class="mb-0">{{$help->c_name}}</p>
                            </div>
                        </div>
                      </div>
                      <div class="col-sm-6 col-xl-4 mt-4">
                          <div class="card text-center border-0 rounded-3">
                              <div class="card-body">
                                  <i class="ti-flag icon-box medium rounded-3 mb-4"></i>
                                  <h3 class="h5 mb-3">User Name</h3>
                                  <p class="mb-0">{{$help->u_name}}</p>
                              </div>
                          </div>
                      </div>
                      <div class="col-sm-6 col-xl-4 mt-4">
                          <div class="card text-center border-0 rounded-3">
                              <div class="card-body">
                                  <i class="ti-notepad icon-box medium rounded-3 mb-4"></i>
                                  <h3 class="h5 mb-3">Time & Date</h3>
                                  <p class="mb-0"><b>{{ $help->created_at->format('  D.m.y  H:i') }}</b></p>
                              </div>
                          </div>
                      </div>
                      <div class="col-sm-6 col-xl-4">
                          <a class="btn btn-danger btn-xl confirmDelete" href="{{url('b2b/contactus/delete',$help->id)}}">Delete</a>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </div>
</div>
@stop

@push('script')
@endpush