@extends('layouts.admin')

@section('content')
@php $readonly=''; @endphp
@if($action=='View')
@php $readonly='readonly'; @endphp
@endif
<div class="page-links">
  <a href="{{ route('dashboard') }}">Dashboard</a>
  <span> > </span>
  <a href="{{ route('payments.index') }}">Payment</a>

  <span> > </span>
  <a href="javascript:void(0)">{{$title}}</a>
</div>
<div class="row">
  <div class="col-lg-4 col-md-4 col-12 mb-5">
    @if ($errors->any())
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
      <ul>
        @foreach ($errors->all() as $error)
        <li>
          {{ $error }}
        </li>
        @endforeach
      </ul>
      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
    @endif
    <div class="card-main">
      <h2 class="iheading-man">{{ __($title) }}</h2>
      @if(isset($record))
      @php $id=$record->id; @endphp
      @else
      @php $id=0; @endphp
      @endif
      @if($action == 'Edit')
      <form class="form-data" id="edit_form" method="POST" action="{{ route('payments.update', [$record->id]) }}" enctype="multipart/form-data">
        {{ method_field('PUT') }}
        @else
        <form class="form-data" method="POST" id="add_form" action="{{ route('payments.store') }}" enctype="multipart/form-data">
          @endif
          @csrf
          <div class="row">
            <div class="col-md-12 col-12 ">
              <div class="row">
                <div class="col-md-12 col-12 mb-3">
                  <label>User <small class="red">* </small></label>
                  <select class="form-control" name="user_id" id="user_id" {!! ($id>0 && $action=='edit') ? 'readonly' : '' !!}>
                    @foreach($users as $user)
                    <option value="{{$user->id}}" selected>{{$user->accountId . ' (' . $user->firstName . ' ' . $user->lastName . ')'}}</option>
                    @endforeach
                  </select>
                  @error('name')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>

                <div class="col-md-12 col-12 mb-3">
                  <label>Order <small class="red">* </small></label>
                  <select class="form-control" name="order_id" id="order_id" {!! ($id>0 && $action=='edit') ? 'readonly' : '' !!}>
                    @foreach($orders as $order)
                    <option value="{{ $order->id}}" selected>{{ $order->orderNumber . ' (' . $order->package->title . ')' }}</option>
                    @endforeach
                  </select>
                  @error('name')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>

                <div id="paymentDetail">

                  <div class="mb-2 row">
                    @if(isset($record))
                    @php $type=$record->type; @endphp
                    @else
                    @php $type=''; @endphp
                    @endif

                    <div class="col-md-6 col-12">
                      <div class="form-check">
                        <input class="form-check-input paymentType" type="radio" value="F" name="type" id="paymentType1" {!! ($type=='' || $type=='F' ) ? 'checked' : '' !!}>
                        <label class="form-check-label" for="paymentType1">
                          Full Payment
                        </label>
                      </div>

                    </div>
                    <div class="col-md-6 col-12">
                      <div class="form-check">
                        <input class="form-check-input paymentType" type="radio" value="P" name="type" id="partialPayment" {!! ($type=='P' ) ? 'checked' : '' !!}>
                        <label class="form-check-label" for="partialPayment">
                          Partial Payment
                        </label>
                      </div>

                    </div>
                  </div>

                  @if(isset($record) && $record->price)
                  @php $price=$record->price @endphp
                  @else
                  @php $price='' @endphp
                  @endif
                  <div class="col-md-12 col-12 mb-3">
                    <div class="form-group">
                      <label class="form-label">Amount <span class="text-danger">*</span></label>
                      <input type="number" class="form-control" id="amount" name="amount" value="{{$price}}" />
                    </div>
                  </div>
                  <div class="col-md-12 col-12 mb-3">
                    @if(isset($record) && $record->status!="")
                    @php $status=$record->status @endphp
                    @else
                    @php $status='P' @endphp
                    @endif
                    <div class="form-group ">
                      <label class="form-label" for="transaction-id">Payment Status</label><br />
                      <div class="form-check form-check-inline">
                        <input class="form-check-input payment_status" name="payment_status" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="P" {!! ($status=='P' ) ? 'checked' : '' !!}>
                        <label class="form-check-label" for="inlineRadio1">Pending</label>
                      </div>
                      <div class="form-check form-check-inline">
                        <input class="form-check-input payment_status" name="payment_status" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="C" {!! ($status=='C' ) ? 'checked' : '' !!}>
                        <label class="form-check-label" for="inlineRadio2">Canceled</label>
                      </div>
                      <div class="form-check form-check-inline">
                        <input class="form-check-input payment_status" name="payment_status" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="S" {!! ($status=='S' ) ? 'checked' : '' !!}>
                        <label class="form-check-label" for="inlineRadio3">Completed</label>
                      </div>
                    </div>
                  </div>

                  <div class="col-md-12 mb-3">
                    <div class="form-group">
                      @if(isset($record) && $record->account)
                      @php $account_id=$record->account->id @endphp
                      @else
                      @php $account_id=0 @endphp
                      @endif
                      <label class="form-label">Account <span class="text-danger">*</span></label>
                      <select class="form-control" name="account_id" id="account_id" required>
                        <option value="">Select</option>
                        @foreach($accounts as $account)
                        <option value="{{$account->id}}" {!! ($account_id==$account->id) ? 'selected' : '' !!}>{{ $account->name.' (Acc No. '.$account->account_no.')' }}</option>
                        @endforeach
                      </select>
                    </div>
                  </div>

                  <div class="col-md-12 mb-3">
                    <div class="form-group">
                      @if(isset($record) && $record->payment_method)
                      @php $payment_method=$record->payment_method @endphp
                      @else
                      @php $payment_method='' @endphp
                      @endif
                      <label class="form-label">Payment Types <span class="text-danger">*</span></label>
                      <select class="form-control" name="payment_method" id="payment_method" required>
                        <option value="">Select</option>
                        @foreach($paymentMethods as $method)
                        <option value="{{$method->code}}" {!! ($payment_method==$method->code) ? 'selected' : '' !!}>{{$method->name}}</option>
                        @endforeach
                      </select>
                    </div>
                  </div>


                  <div class="col-md-12 mb-3">
                    @if(isset($record) && $record->transaction_id)
                    @php $transaction_id=$record->transaction_id @endphp
                    @else
                    @php $transaction_id='' @endphp
                    @endif
                    <div class="form-group">
                      <label class="form-label">Transaction Id <span class="text-danger">*</span></label>
                      <input type="text" class="form-control" name="transaction_id" id="transaction_id" value="{{$transaction_id}}">
                    </div>
                  </div>
                </div>
              </div>

              <!-- new-card -->
              <div class="fix-button-main">
                <div class="save-fix">
                  <div class="float-end">
                    @if($action!='View')
                    <button type="submit" class="btn save-b me-3" type="button">
                      Save
                    </button>
                    @endif
                    <a type="button" class="btn btn-light me-2 float-end save-draft" href="{{ route('payments.index') }}"> {!! ($action!='View') ? 'Cancel' : 'Back' !!}</a>
                  </div>
                </div>
              </div>
            </div>
            <div id="addressParts" hidden>
              {{-- --}}
            </div>
        </form>
    </div>
  </div>
</div>
@endsection
@push('scripts')
<script>
  $(document).ready(function() {

    action = "{{$action}}";
    console.log($('#order_id').val());
    if ($('#order_id').val() > 0 && (action == 'Edit') || action == 'View') {
      // $("#user_id").select2("readonly", true);
      // $("#order_id").select2("readonly", true);
      $('#paymentDetail').show();
    } else {
      $('#paymentDetail').hide();
    }
    // select user
    $("#user_id").select2({
      ajax: {
        url: "{{ route('getUsers') }}",
        type: "get",
        dataType: 'json',
        delay: 250,
        data: function(params) {
          return {
            searchTerm: params.term // search term

          };
        },
        processResults: function(response) {
          return {
            results: response

          };
        },
        cache: true
      }
    });

    // select order
    $("#order_id").select2({
      ajax: {
        url: "{{ route('getOrders') }}",
        type: "get",
        dataType: 'json',
        delay: 250,
        data: function(params) {
          user_id = $("#user_id").val();
          return {
            searchTerm: params.term, // search term
            user_id: user_id
          };
        },
        processResults: function(response) {
          return {
            results: response

          };
        },
        cache: true
      }
    });
  });

  $(document).on('change', '#user_id', function() {
    $('#order_id').val('').change();
    $('#paymentDetail').hide();
  });

  $(document).on('change', '#order_id', function() {
    id = $(this).val();
    if (id) {
      $.ajax({
        url: "{{ route('getOrderDetail') }}",
        type: 'GET',
        data: {
          "id": id
        },
        success: function(res) {
          if (res.status == true) {
            $('#paymentDetail').show();
            $('#amount').val(res.amount);
            $('#transaction_id').val(res.transaction_id);
            $(".payment_status:radio[value='" + res.payment_status + "']").prop('checked', true);
            $('#payment_method option[value="' + res.payment_method + '"]').attr("selected", "selected");
          }
        }
      });
    }
  })
</script>
@endpush