@extends('inventory.layout') 
@section('title', 'Quotation Status')
@section('content')
 @push('head')
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Trading Portal</title>
    <!-- plugins:css -->
    <link rel="stylesheet" href="assets/vendors/mdi/css/materialdesignicons.min.css">
    <link rel="stylesheet" href="assets/vendors/css/vendor.bundle.base.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
    <!-- endinject -->
    <!-- Plugin css for this page -->
    <!-- End plugin css for this page -->
    <!-- inject:css -->
    <!-- endinject -->
    <style>

/ Style the tab /
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/ Style the buttons inside the tab /
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/ Change background color of buttons on hover /
.tab button:hover {
  background-color: #ddd;
}

/ Create an active/current tablink class /
.tab button.active {
  background-color: #ccc;
}

/ Style the tab content /
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
.tradeadd{
        background-color: #2dce89!important;
        border-color: #2dce89!important;
        color:#fff !important;
        padding: 6px 14px !important;
    }

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}

</style>
    <!-- Layout styles -->
    <link rel="stylesheet" href="{{ url('assets/css/style.css')}}">
    <link rel="stylesheet" href="{{ url('assets/css/custom.css')}}">
    <!-- End layout styles -->
    <link rel="shortcut icon" href="{{ url('assets/images/favicon.ico')}}" />
@endpush

    <div class="container-scroller">

      <!-- partial:partials/_navbar.html -->
     
      <!-- partial -->
    <div class="container-fluid">
       
        <div class="main-panel" style="width: 100%;">
           <div class="content-wrapper">
            <div class="page-header">
              <h3 class="page-title">
                  Supply Partner Quotation
              </h3>
              <div class="card-options text-right">
                <a href="" class="btn btn-outline-primary btn-semi-rounded tradeadd"><i class="fas fa-file-csv"></i>Export CSV</a>
              <!-- <button class="btn btn-outline-primary btn-semi-rounded tradeadd"><i class="fa-solid fa-file-csv"></i>&nbsp;Export CSV</button> -->
            </div>
            </div>



            <div class="row enq-tab">
              <div class="accordion" id="myAccordion">
                
                @foreach($vendors as $key=>$vendor)
                @if($vendor->vendor_id !='')
                <div class="accordion-item">
                    <h2 class="accordion-header" id="headingOne{{$key+1}}">
                        <button type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne{{$key+1}}">Enquiry No {{isset($vendor->enquiry_no) ? $vendor->enquiry_no:''}}  / {{$vendor->first_name}} ({{($vendor->vendor_code)}})</button>
                    </h2>
                    <div id="collapseOne{{$key+1}}" class="accordion-collapse collapse show" data-bs-parent="#myAccordion">
                        <div class="card-body">

                        <!-- Accept and reject checkbox start -->
                        <div class="tab">
                          <button class="tablinks active" onclick="openCity(event, 'Accept_{{$vendor->vendor_id}}')">Quotation Accept</button>
                          <button class="tablinks" onclick="openCity(event, 'Submitted_{{$vendor->vendor_id}}')">Quotation Submitted</button>
                          <button class="tablinks" onclick="openCity(event, 'Rejected_{{$vendor->vendor_id}}')">Quotation Rejected</button>
                        </div>
                        
                        <div id="Accept_{{$vendor->vendor_id}}" class="tabcontent" >
                          <!-- <h3>Quotation Accept</h3> -->
                          <!-- <p>London is the capital city of England.</p> -->

                            <div class="row">
                                
                               

                                @foreach($products as $pro)
                                
                                @foreach($pro as $product)
                                
                                @foreach($product['enqprodetail'] as $enqdetail)
                                
                                @foreach($product['productdetail'] as $prodetail)

                                <!-- Card start -->
                                
                                @foreach($quotes as $quote)
                                @foreach($quote as $quo)
                                
                                @if($vendor->rfq_vendor==$product->vendor_id && $quo->rfq_to_vendors_id ==$product->id && $quo->enquiryaccept=='Yes' && $quo->quotationStatus=='' && $enqdetail->enquiry_id==$product->enquiry_id && $enqdetail->product_id==$prodetail->id)
                                
                                
                               
                                    <div class="col-md-4">
                                        <div class="card-detail">
                                          <input type="hidden" name="vendor_id" value="{{isset($product->vendor_id) ? $product->vendor_id:''}}">

                                           <input type="hidden" name="product_id" value="{{isset($product['product_id']) ? $product['product_id']:''}}">
                                           
                                          <table width="100%" cellpadding="1">
                                              <tr valign="top"><td width="35%"> <img src="{{ url('images/upload/item/'.$prodetail['image'])}}" alt="" id="output_image"  class="img" style="width: 100px; height: 70px;object-fit: contain;border: 1px solid #dbdbdb;"></td>
                                              <td width="5%">&nbsp;</td>
                                              <td width="60%"><h4></h4>
                                         <p></p></td></tr>
                                          </table>
                                         
                                        
                                         
                                       
                                         <table>
                                          
                                         
                                          <tr>
                                            <td>Quantity:</td>
                                            <td>{{isset($enqdetail->quantity) ? $enqdetail->quantity:''}}</td>
                                           
                                          </tr>
                                          <tr>
                                            <td>Quotation Submission Date:</td>
                                            <td>{{isset($vendor->quotation_date    ) ? $vendor->quotation_date :''}}</td>
                                            
                                          </tr>
                                          <tr>
                                            <td>Remarks:</td>
                                            <td>{{isset($enqdetail->remarks    ) ? $enqdetail->remarks :''}}</td>
                                            
                                          </tr>
                                          <tr>
                                            <td>Enquiry Confirmed:</td>
                                            <td>{{isset($quo->quotationDate) ? $quo->quotationDate:''}}</td>
                                           
                                          </tr>
                                         
                                          <tr>
                                            <td>Unit price without GST:</td>
                                            <td>{{isset($quo->price_without_gst) ? $quo->price_without_gst:''}}</td>
                                          </tr>
                                          <tr>
                                            <td>Total Amount:</td>
                                            <td>{{ ($enqdetail->quantity * $quo->price_without_gst) }}</td>
                                          </tr>
                                          <tr>
                                            <td>Gst Percentage:</td>
                                            <td>{{isset($quo->gst_percentage) ? $quo->gst_percentage:''}}</td>
                                          </tr>
                                           <tr>
                                            <td>MRP:</td>
                                            <td>{{isset($quo->mrp) ? $quo->mrp:''}}</td>
                                          </tr>
                                          <tr>
                                            <td>Material availability status (in days):</td>
                                            <td>{{isset($quo->inPeriod) ?  $quo->inPeriod:''}}</td>
                                          </tr>
                                          {{--<tr>
                                            <td>Select Period:</td>
                                            <td>{{isset($quo->selectPeriod) ?  $quo->selectPeriod:''}}</td>
                                          </tr>--}}
                                          
                                          <tr>
                                            <td>Vendor Remarks:</td>
                                            <td>{{isset($quo->remarks) ?  $quo->remarks:''}}</td>
                                          </tr>
                                          <tr>
                                            <td>Days required for delivery:</td>
                                            <td>{{isset($quo->timeOfDelivery) ?  $quo->timeOfDelivery:''}}</td>
                                          </tr>
                                          <tr>
                                            <td>Payment Delivery Terms:</td>
                                            <td>{{isset($quo->paymentDeliveryTerms) ? $quo->paymentDeliveryTerms:''}}</td>
                                          </tr>
                                          <tr>
                                            <td>Quotation Validity:</td>
                                            <td>{{isset($quo->quotation_validity) ? $quo->quotation_validity:''}}</td>
                                          </tr>
                                          <tr>
                                            <td>Quotation Status:</td>
                                            <td>Accept</td>
                                          </tr>
                                        </table>
                                        

                                        </div>
                                    </div>
                                @endif
                                @endforeach
                                @endforeach
                                @endforeach
                                
                                @endforeach
                                @endforeach
                                @endforeach
                                  <!-- Card end -->
                            </div>
                        </div>

                        <div id="Submitted_{{$vendor->vendor_id}}" class="tabcontent" style="display:none;">
                            <div class="row">
                                <!-- Card start -->
                                
                                @foreach($products as $pro)
                                
                                @foreach($pro as $product)
                                
                                @foreach($product['enqprodetail'] as $enqdetail)
                                
                                @foreach($product['productdetail'] as $prodetail)

                                <!-- Card start -->
                                @foreach($quotes as $quote)

                                @foreach($quote as $quo)

                                @if($vendor->rfq_vendor==$product->vendor_id && $quo->rfq_to_vendors_id ==$product->id && $quo->enquiryaccept=='Yes' && $quo->quotationStatus=='Sent' && $enqdetail->enquiry_id==$product->enquiry_id && $enqdetail->product_id==$prodetail->id)
                               
                                    <div class="col-md-4">
                                        <div class="card-detail">
                                          <input type="hidden" name="vendor_id" value="{{isset($product->vendor_id) ? $product->vendor_id:''}}">

                                           <input type="hidden" name="product_id" value="{{isset($product['product_id']) ? $product['product_id']:''}}">
                                           
                                          <table width="100%" cellpadding="1">
                                              <tr valign="top"><td width="35%"> <img src="{{ url('images/upload/item/'.$prodetail['image'])}}" alt="" id="output_image"  class="img" style="width: 100px; height: 70px;object-fit: contain;border: 1px solid #dbdbdb;"></td>
                                              <td width="5%">&nbsp;</td>
                                              <td width="60%"><h4></h4>
                                         <p></p></td></tr>
                                          </table>
                                         
                                        
                                         
                                       
                                         <table>
                                          
                                          
                                          <tr>
                                            <td>Quantity:</td>
                                            <td>{{isset($enqdetail->quantity) ? $enqdetail->quantity:''}}</td>
                                           
                                          </tr>
                                          <tr>
                                            <td>Quotation Submission Date:</td>
                                            <td>{{isset($vendor->quotation_date    ) ? $vendor->quotation_date :''}}</td>
                                            
                                          </tr>
                                          <tr>
                                            <td>Remarks:</td>
                                            <td>{{isset($enqdetail->remarks    ) ? $enqdetail->remarks :''}}</td>
                                            
                                          </tr>
                                          <tr>
                                            <td>Enquiry Confirmed:</td>
                                            <td>{{isset($quo->quotationDate) ? $quo->quotationDate:''}}</td>
                                           
                                          </tr>
                                          
                                          <tr>
                                            <td>Unit price without GST:</td>
                                            <td>{{isset($quo->price_without_gst) ? $quo->price_without_gst:''}}</td>
                                          </tr>
                                          <tr>
                                            <td>Total Amount:</td>
                                            <td>{{($enqdetail->quantity * $quo->price_without_gst)}}</td>
                                          </tr>
                                          <tr>
                                            <td>Gst Percentage:</td>
                                            <td>{{isset($quo->gst_percentage) ? $quo->gst_percentage:''}}</td>
                                          </tr>
                                          <tr>
                                            <td>MRP:</td>
                                            <td>{{isset($quo->mrp) ? $quo->mrp:''}}</td>
                                          </tr>
                                          <tr>
                                            <td>Material availability status (in days):</td>
                                            <td>{{isset($quo->inPeriod) ?  $quo->inPeriod:''}}</td>
                                          </tr>
                                          {{--<tr>
                                            <td>Select Period:</td>
                                            <td>{{isset($quo->selectPeriod) ?  $quo->selectPeriod:''}}</td>
                                          </tr>--}}
                                           <tr>
                                            <td>Vendor Remarks:</td>
                                            <td>{{isset($quo->remarks) ?  $quo->remarks:''}}</td>
                                          </tr>
                                          
                                          <tr>
                                            <td>Days required for delivery:</td>
                                            <td>{{isset($quo->timeOfDelivery) ?  $quo->timeOfDelivery:''}}</td>
                                          </tr>
                                          <tr>
                                            <td>Payment Delivery Terms:</td>
                                            <td>{{isset($quo->paymentDeliveryTerms) ? $quo->paymentDeliveryTerms:''}}</td>
                                          </tr>
                                          <tr>
                                            <td>Quotation Validity:</td>
                                            <td>{{isset($quo->quotation_validity) ? $quo->quotation_validity:''}}</td>
                                          </tr>
                                          <tr>
                                            <td>Quotation Status:</td>
                                            <td>Submitted</td>
                                          </tr>
                                        </table>
                                        

                                        </div>
                                    </div>

                                @endif
                                @endforeach
                                @endforeach
                                @endforeach
                                @endforeach
                                @endforeach
                                @endforeach
                               
                                    <!-- Card end -->
                            </div>
                          <!-- <h3>Quotation Submitted</h3> -->
                         <!--  <p>Paris is the capital of France.</p>  -->
                        </div>

                        <div id="Rejected_{{$vendor->vendor_id}}" class="tabcontent" style="display:none;">
                            <div class="row">
                                <!-- Card start -->

                                @foreach($products as $pro)
                                
                                @foreach($pro as $product)
                                
                                @foreach($product['enqprodetail'] as $enqdetail)
                                
                                @foreach($product['productdetail'] as $prodetail)

                                <!-- Card start -->
                                
                                @foreach($quotes as $quote)
                                @foreach($quote as $quo)

                                @if($vendor->rfq_vendor==$product->vendor_id && $quo->rfq_to_vendors_id ==$product->id && $quo->enquiryaccept=='No' && $enqdetail->enquiry_id==$product->enquiry_id && $enqdetail->product_id==$prodetail->id)
                                
                                    <div class="col-md-4">
                                        <div class="card-detail">
                                          <input type="hidden" name="vendor_id" value="{{isset($product->vendor_id) ? $product->vendor_id:''}}">

                                           <input type="hidden" name="product_id" value="{{isset($product['product_id']) ? $product['product_id']:''}}">
                                           
                                          <table width="100%" cellpadding="1">
                                              <tr valign="top"><td width="35%"> <img src="{{ url('images/upload/item/'.$prodetail['image'])}}" alt="" id="output_image"  class="img" style="width: 100px; height: 70px;object-fit: contain;border: 1px solid #dbdbdb;"></td>
                                              <td width="5%">&nbsp;</td>
                                              <td width="60%"><h4></h4>
                                         <p></p></td></tr>
                                          </table>
                                         
                                        
                                         
                                       
                                         <table>
                                          
                                          
                                          <tr>
                                            <td>Quantity:</td>
                                            <td>{{isset($enqdetail->quantity) ? $enqdetail->quantity:''}}</td>
                                           
                                          </tr>
                                          <tr>
                                            <td>Quotation Submission Date:</td>
                                            <td>{{isset($vendor->quotation_date    ) ? $vendor->quotation_date :''}}</td>
                                            
                                          </tr>
                                          <tr>
                                            <td>Remarks:</td>
                                            <td>{{isset($enqdetail->$enqdetail->remarks    ) ? $quo->remarks :''}}</td>
                                            
                                          </tr>
                                          <tr>
                                            <td>Enquiry Confirmed:</td>
                                            <td>{{isset($quo->quotationDate) ? $quo->quotationDate:''}}</td>
                                           
                                          </tr>
                                          
                                          <tr>
                                            <td>Unit price without GST:</td>
                                            <td>{{isset($quo->price_without_gst) ? $quo->price_without_gst:''}}</td>
                                          </tr>
                                          <tr>
                                            <td>Total Amount:</td>
                                            <td>{{($enqdetail->quantity * $quo->price_without_gst) }}</td>
                                          </tr>
                                          <tr>
                                            <td>Gst Percentage:</td>
                                            <td>{{isset($quo->gst_percentage) ? $quo->gst_percentage:''}}</td>
                                          </tr>
                                          <tr>
                                            <td>MRP:</td>
                                            <td>{{isset($quo->mrp) ? $quo->mrp:''}}</td>
                                          </tr>
                                          <tr>
                                            <td>Material availability status (in days):</td>
                                            <td>{{isset($quo->inPeriod) ?  $quo->inPeriod:''}}</td>
                                          </tr>
                                          {{--<tr>
                                            <td>Select Period:</td>
                                            <td>{{isset($quo->selectPeriod) ?  $quo->selectPeriod:''}}</td>
                                          </tr>--}}
                                           <tr>
                                            <td>Vendor Remarks:</td>
                                            <td>{{isset($quo->remarks) ?  $quo->remarks:''}}</td>
                                          </tr>
                                          <tr>
                                            <td>Days required for delivery:</td>
                                            <td>{{isset($quo->timeOfDelivery) ?  $quo->timeOfDelivery:''}}</td>
                                          </tr>
                                          <tr>
                                            <td>Payment Delivery Terms:</td>
                                            <td>{{isset($quo->paymentDeliveryTerms) ? $quo->paymentDeliveryTerms:''}}</td>
                                          </tr>
                                          <tr>
                                            <td>Quotation Validity:</td>
                                            <td>{{isset($quo->quotation_validity) ? $quo->quotation_validity:''}}</td>
                                          </tr>
                                          <tr>
                                            <td>Quotation Status:</td>
                                            <td>Rejected</td>
                                          </tr>
                                        </table>
                                        

                                        </div>
                                    </div>
                                @endif
                                @endforeach
                                @endforeach
                                @endforeach
                                @endforeach
                                @endforeach
                                @endforeach
                                <!-- Card end -->
                            </div>
                          
                        </div>
                        

                        </div>
                    </div>
                </div>
                @endif
                @endforeach
               
            </div>
            </div>

            </div>

        </div>
          <!-- content-wrapper ends -->
          <!-- partial:partials/_footer.html -->
          
          <!-- partial -->
       
        <!-- main-panel ends -->
    </div>
      <!-- page-body-wrapper ends -->
    </div>
    <!-- container-scroller -->
    <!-- plugins:js -->
    @push('script')
    <script>
function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}
</script>
   
    <script src="{{ url('assets/vendors/js/vendor.bundle.base.js')}}"></script>
    <!-- endinject -->
    <!-- Plugin js for this page -->
    <script src="{{ url('assets/vendors/chart.js/Chart.min.js')}}"></script>
    <script src="{{ url('assets/js/jquery.cookie.js')}}" type="text/javascript"></script>
    <!-- End plugin js for this page -->
    <!-- inject:js -->
    <script src="{{ url('assets/js/off-canvas.js')}}"></script>
    <script src="{{ url('assets/js/hoverable-collapse.js')}}"></script>
    <script src="{{ url('assets/js/misc.js')}}"></script>
    <!-- endinject -->
    <!-- Custom js for this page -->
    <script src="{{ url('assets/js/dashboard.js')}}"></script>
    <script src="{{ url('assets/js/todolist.js')}}"></script>
    <!-- End custom js for this page -->

    <script>

    </script>
  @endpush
 @endsection