@extends('layouts.dashboard-app')

@section('main-content')
    <div class="content-body">
        <div class="container">
            <div class="row page-titles">
                <div class="col p-0">
                    <h4>Hello, <span>Welcome {{ auth()->user()->name }}</span></h4>

                </div>
                <div class="col p-0">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="javascript:void(0)">From</a>
                        </li>
                        <li class="breadcrumb-item active">Basic</li>
                    </ol>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">
                            @if ($errors->any())
                                <div class="alert alert-danger" role="alert">
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">×</span>
                                    </button>

                                    @foreach ($errors->all() as $error)
                                        {{ $error }}<br />
                                    @endforeach
                                </div>
                            @endif

                            @php
                                if ($advances->month == 1) {
                                    $month = 'January';
                                }elseif ($advances->month == 2) {
                                    $month = 'February';
                                }elseif ($advances->month == 3) {
                                    $month = 'March';
                                }elseif ($advances->month == 4) {
                                    $month = 'April';
                                }elseif ($advances->month == 5) {
                                    $month = 'May';
                                }elseif ($advances->month == 6) {
                                    $month = 'June';
                                }elseif ($advances->month == 7) {
                                    $month = 'July';
                                }elseif ($advances->month == 8) {
                                    $month = 'August';
                                }elseif ($advances->month == 9) {
                                    $month = 'September';
                                }elseif ($advances->month == 10) {
                                    $month = 'October';
                                }elseif ($advances->month == 11) {
                                    $month = 'November';
                                }elseif ($advances->month == 12) {
                                    $month = 'December';
                                }
                            @endphp

                            <form class="form-horizontal form-label-left input_mask" method="post"
                                enctype="multipart/form-data" autocomplete="off" id="editadvanceForm">
                                @csrf

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="User Name">User Name</label>
                                            <select name="users" id="users" class="form-control users" required>
                                                <option value="" selected disabled>- Users Selected -</option>
                                                @foreach ($users as $key)
                                                    <option value="{{ $key->id }}"
                                                        {{ $key->id == $advances->user_id ? 'selected' : '' }}>
                                                        {{ $key->id }} - {{ $key->name }} - {{ $key->role }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <input type="hidden" class="form-control advance_id" id="advance_id" name="advance_id"
                                        value="{{ $advances->id }}">

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="Date">Date</label>
                                            <input type="date" class="form-control date" name="date" id="date"
                                                value="{{ $advances->date }}">
                                        </div>
                                    </div>


                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="Month">Month</label>
                                            <input type="month" class="form-control month" name="month" id="month"
                                                value="{{ $advances->month }}">
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="Payment Mode">Payment Mode</label>
                                            <select name="payment_mode" id="payment_mode" class="form-control payment_mode">
                                                <option value="" disabled selected>- Select Payment Mode -</option>
                                                <option value="Bank Transfer"
                                                    @if ($advances->payment_mode == 'Bank Transfer') selected @endif>Bank Transfer</option>
                                                <option value="Cash" @if ($advances->payment_mode == 'Cash') selected @endif>
                                                    Cash</option>
                                            </select>
                                        </div>
                                    </div>


                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="Advance Amount">Advance Amount</label>
                                            <input type="text" class="form-control advance_amount" name="advance_amount"
                                                id="advance_amount" value="{{ $advances->advance_amount }}">
                                        </div>
                                    </div>


                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="Bank Reference No">Bank Reference No</label>
                                            <input type="text" class="form-control bank_reference_no"
                                                id="bank_reference_no" name="bank_reference_no"
                                                value="{{ $advances->bank_reference_no }}">
                                        </div>
                                    </div>


                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="Advance Given Type">Advance Given Type</label>
                                            <select name="advance_given_type" id="advance_given_type"
                                                class="form-control advance_given_type">
                                                <option value="" disabled selected>- Select Advance Given Type -
                                                </option>
                                                <option value="Company" @if ($advances->advance_given_type == 'Company') selected @endif>
                                                    Company</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="Installment Months">Installment Months</label>
                                            <select name="installment_months" id="installment_months"
                                                class="form-control installment_months">
                                                <option value="" disabled selected>- Select Installment Months -
                                                </option>
                                                <option value="1" @if ($advances->installment_months == '1') selected @endif>1
                                                    Months</option>
                                                <option value="2" @if ($advances->installment_months == '2') selected @endif>2
                                                    Months</option>
                                                <option value="3" @if ($advances->installment_months == '3') selected @endif>3
                                                    Months</option>
                                                <option value="4" @if ($advances->installment_months == '4') selected @endif>4
                                                    Months</option>
                                                <option value="5" @if ($advances->installment_months == '5') selected @endif>5
                                                    Months</option>
                                                <option value="6" @if ($advances->installment_months == '6') selected @endif>
                                                    6
                                                    Months</option>
                                                <option value="7"
                                                    @if ($advances->installment_months == '7') selected @endif>
                                                    7 Months</option>
                                                <option value="8"
                                                    @if ($advances->installment_months == '8') selected @endif>8 Months</option>
                                                <option value="9"
                                                    @if ($advances->installment_months == '9') selected @endif>9 Months</option>
                                                <option value="10"
                                                    @if ($advances->installment_months == '10') selected @endif>10 Months</option>
                                                <option value="11"
                                                    @if ($advances->installment_months == '11') selected @endif>11 Months</option>
                                                <option value="12"
                                                    @if ($advances->installment_months == '12') selected @endif>12 Months</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="Installment Plan">Installment Plan</label>
                                            <input type="text" class="form-control installment_plan"
                                                name="installment_plan" id="installment_plan"
                                                value="{{ $advances->installment_plan }}">
                                        </div>
                                    </div>


                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="Previous Balance">Previous Balance</label>
                                            <input type="text" class="form-control previous_balance"
                                                name="previous_balance" id="previous_balance"
                                                value="{{ $advances->previous_balance }}">
                                        </div>
                                    </div>


                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="Closed Balance">Closed Balance</label>
                                            <input type="text" class="form-control closed_balance"
                                                name="closed_balance" id="closed_balance"
                                                value="{{ $advances->closed_balance }}">
                                        </div>
                                    </div>

                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <button type="submit" id="EditBtn" class="btn btn-success"
                                                name="upload">Submit</button>
                                        </div>
                                    </div>
                                </div>

                            </form>

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

            </div>

        </div>
        <!-- #/ container -->
    </div>
@endsection

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
    $(document).ready(function() {

        $("#EditBtn").click(function(e) {
            e.preventDefault();

            const advanceId = $(".advance_id").val();
            const formData = {
                _token: "{{ csrf_token() }}",
                _method: "POST",
                advance_id: $(".advance_id").val(),
                users: $(".users").val(),
                date: $(".date").val(),
                month: $(".month").val(),
                payment_mode: $(".payment_mode").val(),
                advance_amount: $(".advance_amount").val(),
                bank_reference_no: $(".bank_reference_no").val(),
                advance_given_type: $(".advance_given_type").val(),
                installment_months: $(".installment_months").val(),
                installment_plan: $(".installment_plan").val(),
                previous_balance: $(".previous_balance").val(),
                closed_balance: $(".closed_balance").val(),
            };

            if (!formData.users || !formData.date || !formData.month || !formData.advance_amount || !
                formData.advance_given_type || !formData.installment_months) {
                alert("Please fill out all required fields.");
                return;
            }

            $("#EditBtn").prop("disabled", true).text("Updating...");
            $.ajax({
                type: "POST", // Use PUT if you're modifying the method explicitly
                url: "{{ route('advances.update') }}",
                data: formData,
                success: function(response) {
                    if (response.success) {
                        alert(response.message);
                        window.location.href = "/admin/advance/index";
                    } else {
                        alert("Failed to update advance. Please try again.");
                    }
                },
                error: function(xhr) {
                    if (xhr.status === 422) {
                        const errors = xhr.responseJSON.errors;
                        let errorMessage = "Validation Errors:\n";
                        for (const key in errors) {
                            errorMessage += `${errors[key]}\n`;
                        }
                        alert(errorMessage);
                    } else {
                        alert("An unexpected error occurred.");
                    }
                },
                complete: function() {
                    $("#EditBtn").prop("disabled", false).text("Update");
                },
            });
        });
    });
</script>