Current File : //home/tradevaly/public_html/resources/views/user/pages/rfq/show.blade.php
@extends('backend.layouts.app')
@push('title','RFQs - Tradevaly')
@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">
              <img src="{{asset('storage/images/admin/rfq/'.$rfq->image)}}" alt="...">
              <div class="card-body p-1-9 p-xl-5">
                  <div class="mb-4">
                      <h3 class="h4 mb-0">{{$rfq->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; {{$rfq->email}}</a></li>
                      <li class="mb-3"><a href="#!"><i class="fas fa-mobile-alt display-25 me-3 text-secondary"></i>&nbsp; {{$rfq->phone}}</a></li>
                      <li><a href="#!"><i class="fas fa-map-marker-alt display-25 me-3 text-secondary"></i>&nbsp; {{$rfq->industry_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">#RFQ (Details)</h2>
                  </div>
                  <p>{!! $rfq->details !!}</p>
              </div>
              <div class="mb-5 wow fadeIn">
                  <div class="text-start mb-1-6 wow fadeIn">
                      <h2 class="mb-0 text-primary">#Requirements</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">{{$rfq->industry_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-layout-grid3 icon-box medium rounded-3 mb-4"></i>
                                  <h3 class="h5 mb-3">Product Need</h3>
                                  <p class="mb-0">{{$rfq->want_buy}}</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-new-window icon-box medium rounded-3 mb-4"></i>
                                  <h3 class="h5 mb-3">Basics</h3>
                                  <p class="mb-0"> <b>Qty: </b>&nbsp; {{$rfq->qty}}  &nbsp; <b>Units:</b>&nbsp; {{$rfq->unit}} <br> <b>Freq:</b>&nbsp; {{$rfq->frequency}}  &nbsp; <b>Validity:</b>&nbsp; {{$rfq->validity}} </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-medall-alt icon-box medium rounded-3 mb-4"></i>
                                  <h3 class="h5 mb-3">Payment Methods</h3>
                                  <p class="mb-0">
                                    @php 
                                    $data = json_decode($rfq->p_methods, true);
                                    @endphp
                                    @for ($i = 0; $i < count($data); $i++)
                                    {{ $data[$i] }}
                                    @endfor
                                  </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">Port</h3>
                                  <p class="mb-0">{{$rfq->port}}</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>{{ $rfq->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/rfq/delete',$rfq->id)}}">Delete</a>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </div>
</div>
@stop

@push('script')
@endpush