@extends('layouts.master')

@section('css')
<link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/tables/datatable/datatables.min.css') }}">
@endsection

@section('content')
<div class="main-panel">
        <!-- BEGIN : Main Content-->
        <div class="main-content">
          <div class="content-wrapper">
            <!-- Minimal statistics section start -->
<section id="minimal-statistics">
    <div class="row">
      <div class="col-12 mt-3 mb-1">
        <div class="content-header">Transaction Detail</div>
      </div>
    </div>

      <div class="card">
        <div class="card-content">
          <div class="card-body">
            <div class="row">

              <div class="col-12 col-md-12 col-lg-12 orderviews">
                <ul class="no-list-style">
                  <li class="mb-2">
                    <span class="text-bold-500 primary">Order ID</span>
                    <span class="d-block overflow-hidden">{{ $transaction->order_id }}</span>
                  </li>
                  <li class="mb-2">
                    <span class="text-bold-500 primary">Transaction ID</span>
                    <span class="d-block overflow-hidden">{{ $transaction->transaction_id }}</span>
                  </li>

                  <li class="mb-2">
                    <span class="text-bold-500 primary">Payment Method</span>
                    <span class="d-block overflow-hidden">{{ $transaction->payment_method }}</span>
                  </li>
                  <li class="mb-2">
                    <span class="text-bold-500 primary">Payment Status</span>
                    <span class="d-block overflow-hidden">{{ $transaction->status }}</span>
                  </li>
                  @foreach ($transaction->users as $users)
                  <li class="mb-2">
                    <span class="text-bold-500 primary">User Name</span>
                    <span class="d-block overflow-hidden">{{ $users->first_name }} {{ $users->last_name }}</span>
                  </li>
                  <li class="mb-2">
                    <span class="text-bold-500 primary">Email</span>
                    <span class="d-block overflow-hidden">{{ $users->email }}</span>
                  </li>
                  <li class="mb-2">
                    <span class="text-bold-500 primary">Contact</span>
                    <span class="d-block overflow-hidden">{{ $users->mobile }}</span>
                  </li>
                  @endforeach
                  <li class="mb-2">
                    <span class="text-bold-500 primary">Trasaction Date</span>
                    <span class="d-block overflow-hidden">{{ $transaction->created_at }}</span>
                  </li>
                    <li class="mb-2">
                    <span class="text-bold-500 primary">Amount</span>
                    <span class="d-block overflow-hidden">{{ $transaction->amount }}</span>
                  </li>
                  
        
                  
                  
                </ul>
              </div>

            </div>
          </div>
        </div>
      </div>

      <div class="backbutton mt-5"><a href="{{ route('transaction') }}">  
        <button type="button" class="btn btn-raised btn-primary round btn-min-width mr-1 mb-1">Back</button></a>
      </div>



  </section>
  <!-- // Minimal statistics section end -->
</div>
</div>
<!-- END : End Main Content-->

@include('partials.footer')

</div>
@endsection

@section('scripts')
<script src="{{ asset('app-assets/vendors/js/datatable/datatables.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('app-assets/js/data-tables/datatables-sources.js') }}" type="text/javascript"></script>

{{-- <script>
    $(".inactivestatus").on("click", function(e){
      e.preventDefault();
        let formId = $(this).data("id");
        $("#statuscode-"+formId).val(0);
        // $('#myModal').modal('show');
        // $('#modalAsset').attr("data-asset",formId);
        document.getElementById("form-"+formId).submit();
    });
    $("#modalAsset").on("click", function(){
        let formId = $(this).data("asset");
        document.getElementById("form-"+formId).submit();
    });
    
    $(".activestatus").on("click", function(e){
      e.preventDefault();
        let formId = $(this).data("id");
        $("#statuscode-"+formId).val(1);
        // $('#myModal').modal('show');
        // $('#modalAsset').attr("data-asset",formId);
        document.getElementById("form-"+formId).submit();
    });
</script> --}}
@endsection