@extends('backend.layouts.app')
@section('backend_title','Admin Brand Create')

@section('backend_content')

<div class="row">
    <div class="col-lg-7 col-lg-offset-5">
      <div class="card">
          <div class="card-body">
              <div class="d-flex justify-content-between">
                <h5 class="font-weight-bolder">Advance Payment/Receive</h5>
              </div>

                <form action="{{ route('advanceStore')}}" method="POST">
                  @csrf
                    <div class="row">
                      
                        <div class="col-4 mb-2">
                            <label>date</label>
                            <input  class="form-control" readonly type="text" name="date" id="date" value="{{ \Carbon\Carbon::now()->format('d-M-Y') }}" />
                            @error('date')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                          </div>
                                @php
                                    $paymentReceiptPerson = Auth::user()->name;
                                @endphp

                          <div class="col-4 mb-2">
                            <label>Payment/Received by</label>
                                <input type="text" class="form-control" name="receiver_name" readonly value="{{ $paymentReceiptPerson}}">
                            @error('receiver_name')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                          </div>

                          <div class="col-4 mb-2">
                            <label>Transaction type</label>
                            <select name="transaction_type" id="" class="form-control" required>
                              <option value="" selected>Select any one</option>
                              <option value="cp">Payment</option>
                              <option value="cr">Receive</option>
                            </select>
                            @error('transaction_type')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                          </div>

                          <div class="col-4 mb-2">
                            <label>Employee Name</label>
                            {{-- <form id="employeeForm" action="" method="POST">
                              @csrf --}}
                                  <select name="employee_name" id="employeeSelect" class="form-control" required>
                                      <option value="" selected>Select any one</option>
                                      @foreach ($employeeList as $item)
                                          <option value="{{ $item->id }}">{{ $item->name }}</option>
                                      @endforeach
                                  </select>
                            {{-- </form> --}}
                                @error('receiver_name')
                                    <div class="form-text text-danger">{{ $message }}</div>
                                @enderror
                          </div>

                          <div class="col-4 mb-2">
                            <label>Payment type</label>
                              <select name="payment_type" id="" class="form-control" required>
                                  <option value="" selected>Select any one</option>
                                  <option value="bank">Bank</option>
                                  <option value="cash">Cash</option>
                              </select>
                              @error('payment_type')
                                  <div class="form-text text-danger">{{ $message }}</div>
                              @enderror
                          </div>
                 
                          <div class="col-4 mb-2">
                            <label>Previous Advance</label>
                            <input  class="form-control" readonly type="text" name="due_amount" id="due_amount" placeholder="" value="" required/>
                            @error('due_amount')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                          </div>

                          <div class="col-4 mb-2">
                            <label>Amount</label>
                            <input  class="form-control" type="text" name="amount" id="amount" placeholder="" value="" required/>
                            @error('amount')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                          </div>

                          <div class="col-8 mb-2">
                            <label>Payment/Receive Description</label>
                            <textarea class="form-control" name="description" id="" cols="20" rows="1" required></textarea>
                            @error('description')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                          </div>
                    </div>

                      <div class="mt-3">
                              <button type="submit" class="btn btn-primary">Save</button>
                              <a href="{{ route('advance_list')}}" class="btn btn-info">Return List</a>
                      </div>
                </form>
          </div>
      </div>
    </div>
</div>

<script type="text/javascript">
  $(document).ready(function () {
      $('#employeeSelect').on('change', function () {
          var employeeId = $(this).val();
          if (employeeId) {
              $.ajax({
                  url: '{{ url("admin/advance/get-advance-amount") }}/' + employeeId,
                  type: 'GET',
                  dataType: 'json',
                  success: function (result) {
                      if (result) {
                          $('#due_amount').val(result.dueAmount);
                      } else {
                          $('#due_amount').val(0);
                      }
                  },
                  error: function (error) {
                      console.log(error);
                  }
              });
          } else {
              $('#due_amount').val(0);
          }
      });
  });
</script>

@endsection

@section('beackend_scripts')

@endsection