@extends('admin.layouts.contentLayoutMaster')

@section('title', $title)

@section('content')
  <section id="multiple-column-form">
    <div class="row match-height">
      <div class="col-12">
        <div class="card">
          <div class="card-content">
            @include("admin.layouts.error-message")
            <div class="card-body">
              <div class="form-body">
                <div class="row">
                    <div class="col-12">
                        <div class="float-right">
                            <a href="{{ route("admin.transaction.index") }}" class="btn btn-secondary mr-1 mb-1">Back</a>
                        </div>
                    </div>

                    <div class="col-md-12">
                        <hr>
                    </div>
                    <div class="col-md-12">
                        <a href="#" class="btn float-right btn-info btn-md m-1" data-id="{{ $transaction->id }}" data-toggle="modal" data-target="#modalInvoice" data-backdrop="static" data-keyboard="false"><i class="fa fa-envelope-o"></i> Send Invoice</a>
                        <a href="{{ route('admin.transaction.view-pdf', ["transactionOrderId" => $transaction->order_id]) }}" class="btn float-right btn-info btn-md m-1" target="_blank" data-backdrop="static" data-keyboard="false"><i class="fa fa-file-pdf-o"></i> View Invoice</a>

                        @if (! Auth::user()->hasRole(RoleEnum::getString(RoleEnum::SUB_ADMIN)))
                            @if ($transaction->payment_method == PaymentMethodEnum::getString(PaymentMethodEnum::BANK_TRANSFER))
                                @if ($transaction->status == TransactionStatusEnum::getString(TransactionStatusEnum::PENDING) || $transaction->status == TransactionStatusEnum::getString(TransactionStatusEnum::WAITING_FOR_CONFIRMATION ))
                                    <a href="#" class="btn float-right btn-danger btn-md m-1" data-id="{{ $transaction->id }}" data-toggle="modal" data-target="#modalReject" data-backdrop="static" data-keyboard="false"><i class="fa fa-times"></i> Reject</a>
                                    <a href="#" class="btn float-right btn-success btn-md m-1" data-id="{{ $transaction->id }}" data-toggle="modal" data-target="#modalApprove" data-backdrop="static" data-keyboard="false"><i class="fa fa-check"></i> Approve</a>
                                @elseif ($transaction->status == TransactionStatusEnum::getString(TransactionStatusEnum::APPROVED))
    {{--                                <a href="#" class="btn float-right btn-danger btn-md m-1" data-id="{{ $transaction->id }}'" data-toggle="modal" data-target="#modalCancel" data-backdrop="static" data-keyboard="false"> <i class="fa fa-remove"></i> Cancel</a>--}}
                                @endif
                            @endif
                        @endif
                    </div>
                    <div class="col-md-12">
                        <hr>
                    </div>

                    @if ($transaction->transaction_type != TransactionTypeEnum::getString(TransactionTypeEnum::MEMBERSHIP_ONLY))
                        <div class="col-md-12">
                            <h3 class="mb-3">Location</h3>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Location</label>
                                <div class="form-control" readonly>{{ $transaction->location->name }}</div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <hr />
                        </div>
                        <div class="col-md-12">
                            <h3 class="mb-3">Order Detail</h3>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Ticket</label>
                                <div class="form-control" readonly>{{ $transaction->product->name }}</div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Date of Visit</label>
                                <div class="form-control" readonly>{{ Carbon::parse($transaction->transaction_date)->format("d - M - Y") }}</div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Time of Visit</label>
                                <div class="form-control" readonly>{{ $startTimeAndEndTime }}</div>
                            </div>
                        </div>
                    @endif

                    <div class="col-md-12">
                        <h3 class="mb-3">Parent Information</h3>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>Title</label>
                            <div class="form-control" readonly>{{ ucwords($transaction->transactionParentInformation->title) }}</div>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="form-group">
                            <label>Full Name</label>
                            <div class="form-control" readonly>{{ $transaction->transactionParentInformation->name }}</div>
                        </div>
                    </div>
                    <div class="col-md-12 col-12">
                        <div class="form-group">
                            <label>Email</label>
                            <div class="form-control" readonly>{{ $transaction->transactionParentInformation->email }}</div>
                        </div>
                        <div class="form-group">
                            <label>Phone Number</label>
                            <div class="form-control" readonly>{{ $transaction->transactionParentInformation->phone_number }}</div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <hr />
                    </div>
                    <div class="col-md-12">
                        <h3 class="mb-3">Kids Information</h3>
                    </div>
                    @foreach ($transaction->transactionParentInformation->transactionKidInformations as $transactionKidInformation)
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Full Name</label>
                                <div class="form-control" readonly>{{ $transactionKidInformation->name }}</div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Age</label>
                                <div class="form-control" readonly>{{ $transactionKidInformation->age }}</div>
                            </div>
                        </div>
                    @endforeach
                    <div class="col-md-12">
                        <hr />
                    </div>


                  <div class="col-md-12 col-12">
                      <div class="form-group row">
                          <label for="order_id" class="col-sm-3 col-form-label text-md"><b>Order ID</b></label>
                          <div class="col-md-6 col-form-label">
                              {{ $transaction->order_id }}
                          </div>
                      </div>

                      <div class="form-group row">
                          <label for="transaction_date" class="col-sm-3 col-form-label text-md"><b>Order Date</b></label>
                          <div class="col-md-6 col-form-label">
                              {{ GeneralHelper::convertDateFormat($transaction->transaction_date)  }}
                          </div>
                      </div>

                      <div class="form-group row">
                          <label for="due_date" class="col-sm-3 col-form-label text-md"><b>Due Date</b></label>
                          <div class="col-md-6 col-form-label">
                              {{ GeneralHelper::convertDateFormat($transaction->due_date)  }}
                          </div>
                      </div>

                      <div class="form-group row">
                          <label for="status" class="col-sm-3 col-form-label text-md"><b>Status </b></label>
                          <div class="col-md-6 col-form-label">
                              @if ($transaction->status == TransactionStatusEnum::getString(TransactionStatusEnum::PENDING))
                                  <h5><span class="badge badge-warning text-white">{{ ucwords($transaction->status) }}</span></h5>
                              @elseif ($transaction->status == TransactionStatusEnum::getString(TransactionStatusEnum::WAITING_FOR_CONFIRMATION))
                                  <h5><span class="badge badge-warning text-white waiting-confirmation">{{ ucwords(str_replace("-", " ", $transaction->status)) }}</span></h5>
                              @elseif ($transaction->status == TransactionStatusEnum::getString(TransactionStatusEnum::APPROVED))
                                  <h5><span class="badge badge-success">{{ ucwords($transaction->status) }}</span></h5>
                              @elseif ($transaction->status == TransactionStatusEnum::getString(TransactionStatusEnum::REJECTED))
                                  <h5><span class="badge badge-danger">{{ ucwords($transaction->status) }}</span></h5>
                              @elseif ($transaction->status == TransactionStatusEnum::getString(TransactionStatusEnum::CANCELLED))
                                  <h5><span class="badge badge-danger"> {{ ucwords($transaction->status) }} </span></h5>
                              @endif
                          </div>
                      </div>

                      <div class="form-group row">
                          <label for="first_name" class="col-sm-3 col-form-label text-md"><b>Full Name</b></label>
                          <div class="col-md-6 col-form-label">
                              {{ $transaction->full_name }}
                          </div>
                      </div>

                      <div class="form-group row">
                          <label for="user_name" class="col-sm-3 col-form-label text-md"><b>Username</b></label>
                          <div class="col-md-6 col-form-label">
                              {{ $transaction->user_name }}
                          </div>
                      </div>

                      <div class="form-group row">
                          <label for="email" class="col-sm-3 col-form-label text-md"><b>Email</b></label>
                          <div class="col-md-6 col-form-label">
                              {{ $transaction->email }}
                          </div>
                      </div>

{{--                      <div class="form-group row">--}}
{{--                          <label for="contact_number" class="col-sm-3 col-form-label text-md"><b>Contact Number</b></label>--}}
{{--                          <div class="col-md-6 col-form-label">--}}
{{--                              {{ $transaction->contact_number }}--}}
{{--                          </div>--}}
{{--                      </div>--}}

                      <div class="form-group row">
                          <label for="address" class="col-sm-3 col-form-label text-md"><b>Address</b></label>
                          <div class="col-md-6 col-form-label">
                              {{ $transaction->address }}
                          </div>
                      </div>

                      <div class="form-group row">
                          <label for="payment_method" class="col-sm-3 col-form-label text-md"><b>Payment Method</b></label>
                          <div class="col-md-6 col-form-label payment" >
                              {{ strtoupper(str_replace("_", " ", $transaction->payment_method)) }}
                          </div>
                      </div>

{{--                      <div class="form-group row">--}}
{{--                          <label for="address" class="col-sm-3 col-form-label text-md"><b>Notes</b></label>--}}
{{--                          <div class="col-md-6 col-form-label">--}}
{{--                              {{ $transaction->notes ?? "-" }}--}}
{{--                          </div>--}}
{{--                      </div>--}}

                      <div class="form-group row">
                          <label for="admin_note" class="col-sm-3 col-form-label text-md"><b>Admin Note</b></label>
                          <div class="col-md-6 col-form-label">
                              <form action="{{ route("admin.transaction.update-admin-note", [ "transactionId" => $transaction->id ]) }}" method="POST">
                                  @csrf
                                  <textarea type="text" id="admin_notes" name="admin_notes" style="width: 100%; height: 100px">{{ $transaction->admin_notes }}</textarea>
                                  <button type="submit" class="btn btn-md btn-primary">
                                      <i class="fa fa-refresh"></i> Update Admin Note
                                  </button>
                              </form>
                          </div>
                      </div>

                      <div class="form-group">
                          <label for="payment_" class=" col-form-label text-md"><b>Payment Proof</b></label>
                          <div class="col-form-label">
                              @if (! $attachment)
                                  <p style="color:#a6a6a6"><em>No Payment Proof uploaded</em></p>
                              @else
                                    <img id="imageInPage" src="{{ $attachment->image_url }}" alt="payment proof image" class="polaroid" style="margin: 5px;" height="200px" width="200px">
                              @endif
                          </div>
                      </div>

                      <div class="container">
                          <div class="row">
                              <div class="table-responsive">
                                  <div class="table-wrapper">
                                      <div class="table-title">
                                          <div><h4>Order Detail</h4></div>
                                      </div>
                                  </div>
                                  <table class="table">
                                      <thead>
                                      <tr>
                                          <th>Product Name</th>
                                          <th>Price</th>
                                          <th>Quantity</th>
                                          <th>Sub Total</th>
                                      </tr>
                                      </thead>
                                      <tbody>
                                      @foreach ($transaction->transactionDetails as $key => $transactionDetail)
                                          <tr data-index="{{ $key }}">
                                              @if ($transactionDetail->product_type == ProductTypeEnum::getString(ProductTypeEnum::TICKET))
                                                  <td>Ticket</td>
                                              @elseif ($transactionDetail->product_type == ProductTypeEnum::getString(ProductTypeEnum::MEMBERSHIP))
                                                  <td>Membership</td>
                                              @else
                                                  <td>{{ $transactionDetail->product_name }}</td>
                                              @endif
                                              <td>
                                                  {{ GeneralHelper::transformAmount($transactionDetail->unit_price) }}
                                              </td>
                                              <td>
                                                  {{ $transactionDetail->quantity }}
                                              </td>
                                              <td>
                                                  {{ GeneralHelper::transformAmount($transactionDetail->sub_total) }}
                                              </td>
                                          </tr>
                                      @endforeach
                                      </tbody>
                                  </table>
                              </div>
                          </div>
                      </div><br>
                      <div class="container">
                          <div class="row" >
                              <div align="right" class="col-md-8">
                                  <h4><strong>Sub Total:</strong></h4>
                              </div>
                              <div align="right" class="col-md-4">
                                  <h4>{{ GeneralHelper::transformAmount($transaction->sub_total) }}</h4>
                              </div>
                          </div>
                          @if ($transaction->payment_method == PaymentMethodEnum::getString(PaymentMethodEnum::BANK_TRANSFER))
                              <div class="row" >
                                  <div align="right" class="col-md-8">
                                      <h4><strong>Unique Code:</strong></h4>
                                  </div>
                                  <div align="right" class="col-md-4">
                                      <h4>{{ GeneralHelper::transformAmount($transaction->unique_code) }}</h4>
                                  </div>
                              </div>
                          @endif
                          <div class="row" >
                              <div align="right" class="col-md-8">
                                  <h3><strong>Total:</strong></h3>
                              </div>
                              <div align="right" class="col-md-4">
                                  <h3>{{ GeneralHelper::transformAmount($transaction->total) }}</h3>
                              </div>
                          </div>
                      </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Modal Approve -->
  <div id="modalApprove" class="modal fade">
      <div class="modal-dialog modal-md">
          <div class="modal-content" >
              <div class="modal-header">
                  <h5 class="font-weight-bold">Update Status</h5>
              </div>
              <form action="{{ URL('admin/order/status-approve/') }}" data-url="{{ URL('admin/order/status-approve/') }}" method="post" id="approveForm">
                  @csrf
                  <div class="modal-body" >
                      <h5>This order status will be change into Approve </h5>
                  </div>

                  <div class="modal-footer justify-content-right" >
                      <button type="button" class="btn btn-danger btn-md" data-dismiss="modal" >
                          <i class="fa fa-remove"></i> Cancel</button>
                      <button type="submit" class="btn btn-success btn-md">
                          <i class="fa fa-refresh"></i> Update</button>
                  </div>
              </form>
          </div>
      </div>
  </div>

  <!-- Modal Reject -->
  <div id="modalReject" class="modal fade">
      <div class="modal-dialog modal-md">
          <div class="modal-content" >
              <div class="modal-header">
                  <h5 class="font-weight-bold">Update Status</h5>
              </div>
              <form action="{{ URL('admin/order/status-reject/') }}" data-url="{{ URL('admin/order/status-reject/') }}" method="post" id="rejectForm">
                  @csrf
                  <div class="modal-body" >
                      <h5>This order status will be change into Reject </h5>
                  </div>

                  <div class="modal-footer justify-content-right" >
                      <button type="button" class="btn btn-danger btn-md" data-dismiss="modal" >
                          <i class="fa fa-remove"></i> Cancel</button>
                      <button type="submit" class="btn btn-success btn-md">
                          <i class="fa fa-refresh"></i> Update</button>
                  </div>
              </form>
          </div>
      </div>
  </div>

  <!-- Modal Cancel -->
  <div id="modalCancel" class="modal fade">
      <div class="modal-dialog modal-md">
          <div class="modal-content" >
              <div class="modal-header">
                  <h5 class="font-weight-bold">Update Status</h5>
              </div>
              <form action="{{ URL('admin/order/status-cancel/') }}" data-url="{{ URL('admin/order/status-cancel/') }}" method="post" id="cancelForm">
                  @csrf
                  <div class="modal-body" >
                      <h5>This order status will be change into Cancel </h5>
                  </div>

                  <div class="modal-footer justify-content-right" >
                      <button type="button" class="btn btn-danger btn-md" data-dismiss="modal" >
                          <i class="fa fa-remove"></i> Cancel</button>
                      <button type="submit" class="btn btn-success btn-md">
                          <i class="fa fa-refresh"></i> Update</button>
                  </div>
              </form>
          </div>
      </div>
  </div>

  <!-- Modal Send Invoice -->
  <div id="modalInvoice" class="modal fade">
      <div class="modal-dialog modal-md">
          <div class="modal-content" >
              <form action="{{ URL('admin/order/send-invoice') }}" data-url="{{ URL('admin/order/send-invoice/') }}" method="post" id="invoiceForm">
                  @csrf
                  <div class="modal-header" >
                      <h5 class="font-weight-bold">Send Invoice </h5>
                  </div>

                  <div class="modal-body" >
                      <div class="form-group">
                          <label for="email" class="col-form-label">{{ __('Send To') }}</label>
                          <input type="hidden" id="trans_id" name="trans_id" value="" >
                          <input type="text" class="form-control" name="email" placeholder="Recipient Email">
                      </div>
                  </div>

                  <div class="modal-footer justify-content-right" >
                      <button type="button" class="btn btn-danger btn-md" data-dismiss="modal" >
                          <i class="fa fa-remove"></i> Cancel</button>
                      <button type="submit" class="btn btn-success btn-md">
                          <i class="fa fa-envelope-o"></i> Send</button>
                  </div>
              </form>
          </div>
      </div>
  </div>
@endsection

@section('page-script')
    <script>
        $('#modalApprove').on('shown.bs.modal', function(event) {
            var $button = $(event.relatedTarget);
            var id = $($button).data('id');
            var url = $('#approveForm').data('url');

            $('#approveForm').attr('action',url + '/' + id);
        });

        $('#modalReject').on('shown.bs.modal', function(event) {
            var $button = $(event.relatedTarget);
            var id = $($button).data('id');
            var url = $('#rejectForm').data('url');

            $('#rejectForm').attr('action',url + '/' + id);
        });

        $('#modalCancel').on('shown.bs.modal', function(event) {
            var $button = $(event.relatedTarget);
            var id = $($button).data('id');
            var url = $('#cancelForm').data('url');

            $('#cancelForm').attr('action',url + '/' + id);
        });

        $('#modalInvoice').on('shown.bs.modal', function(event) {
            var $button = $(event.relatedTarget);
            var id = $($button).data('id');
            var url = $('#invoiceForm').data('url');

            $('#invoiceForm').attr('action',url + '/' + id);
            $('#trans_id').attr('value', + id);
        });
    </script>
@endsection