@extends('admin.layouts.layouts')

@section('title', 'Edit | Investment')

@section('page-css')
    <style>
        .owner_details {
            border: 2px solid #ccc;
            border-radius: 10px;
            padding: 15px;
            margin-bottom: 15px;
        }
    </style>
@endsection

@section('content')
    <div class="page-header">
        <h3 class="page-title">
            Edit Investment
        </h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item">Master</li>
                <li class="breadcrumb-item">Office Master</a></li>
                <li class="breadcrumb-item"><a href="{{ route('investment.index') }}">Investment</a></li>
                <li class="breadcrumb-item active" aria-current="page">Edit</li>
            </ol>
        </nav>
    </div>

    <div class="card">
        {!! Form::open([
            'route' => 'investment.store',
            'method' => 'POST',
            'id' => 'investment_form',
            'files' => true,
        ]) !!}
        @csrf
        {!! Form::hidden('id', $investmentDetail->id, ['id' => 'id']) !!}
        <div class="card-body">
            {{-- Basic Details --}}
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label class="form-label">Type <span class="text-danger">*</span></label>
                        <select class="form-control selectType" name="type" id="type" data-parsley-trigger="keyup"
                            data-parsley-required data-parsley-required-message="Please select type"
                            data-parsley-errors-container='#type_error'>
                            <option value="">Select Type</option>
                            @foreach ($types as $id => $type)
                                <option value="{{ $id }}"
                                    {{ old('type', $investmentDetail->type) == $id ? 'selected' : '' }}>
                                    {{ $type }}
                                </option>
                            @endforeach
                        </select>
                        <span class="text-danger error-msg" id="type_error">{{ $errors->first('type') }}</span>
                    </div>
                </div>

                <div class="col-md-4" id="other_type_div" style="display: none;">
                    <div class="form-group">
                        <label for="other_type" class="form-label">Other Type <span class="text-danger">*</span></label>
                        <input type="text" name="other_type" id="other_type" class="form-control onlytxt"
                            placeholder="Enter Other Type" value="{{ old('other_type', $investmentDetail->other_type) }}"
                            data-parsley-trigger='keyup' data-parsley-required-message="Please enter other type"
                            data-parsley-pattern='^[a-zA-Z_ ]*$' maxlength="100" data-parsley-maxlength="100"
                            data-parsley-maxlength-message="Other type may not be greater than 100 characters"
                            data-parsley-pattern-message='Only alphabets are allowed'
                            data-parsley-errors-container='#other_type_error'>
                        <span class="text-danger" id="other_type_error">{{ $errors->first('other_type') }}</span>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label class="form-label">Sub Type <span class="text-danger">*</span></label>
                        <select class="form-control selectSubType" name="sub_type" id="sub_type"
                            data-parsley-trigger="keyup" data-parsley-required
                            data-parsley-required-message="Please select sub type"
                            data-parsley-errors-container='#sub_type_error'>
                            <option value="">Select Type</option>
                            @foreach ($subTypes as $id => $subType)
                                <option value="{{ $id }}"
                                    {{ old('sub_type', $investmentDetail->sub_type) == $id ? 'selected' : '' }}>
                                    {{ $subType }}
                                </option>
                            @endforeach
                        </select>
                        <span class="text-danger error-msg" id="sub_type_error">{{ $errors->first('sub_type') }}</span>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label for="name" class="form-label">Name <span class="text-danger">*</span></label>
                        <input type="text" name="name" id="name" class="form-control onlytxt"
                            placeholder="Enter Name" value="{{ old('name', $investmentDetail->name) }}"
                            data-parsley-required data-parsley-trigger='keyup'
                            data-parsley-required-message="Please enter name" data-parsley-pattern='^[a-zA-Z_ ]*$'
                            maxlength="100" data-parsley-maxlength="100"
                            data-parsley-maxlength-message="Name may not be greater than 100 characters"
                            data-parsley-pattern-message='Only alphabets are allowed'
                            data-parsley-errors-container='#name_error'>
                        <span class="text-danger" id="name_error">{{ $errors->first('name') }}</span>
                    </div>
                </div>
            </div>


            <div class="row mt-3">
                <div class="col-md-12">
                    <h4 class="card-title"><b>Payable Bank</b></h4>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="bank_name" class="form-label">Bank Name <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="bank_name" id="bank_name" class="form-control"
                                    placeholder="Enter Bank Name"
                                    value="{{ old('bank_name', $investmentDetail->bank_name) }}" data-parsley-required
                                    data-parsley-trigger='keyup' maxlength="100" data-parsley-maxlength="100"
                                    data-parsley-maxlength-message="Bank name may not be greater than 100 characters"
                                    data-parsley-required-message="Please enter bank name"
                                    data-parsley-errors-container='#bank_name_error'>
                                <span class="text-danger" id="bank_name_error">{{ $errors->first('bank_name') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="account_no" class="form-label">Account Number <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="account_no" id="account_no"
                                    class="form-control bankAccNumber" placeholder="Enter Account Number"
                                    value="{{ old('account_no', $investmentDetail->account_number) }}"
                                    data-parsley-required data-parsley-trigger='keyup'
                                    data-parsley-required-message="Please enter account number" maxlength="20"
                                    oninput="this.value=this.value.slice(0,this.maxLength)" data-parsley-minlength="11"
                                    data-parsley-minlength-message="Account number at least 11 characters long"
                                    data-parsley-maxlength="20"
                                    data-parsley-maxlength-message="Account number may not be greater than 20 character"
                                    data-parsley-errors-container='#account_no_error'>
                                <span class="text-danger" id="account_no_error">{{ $errors->first('account_no') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="ifsc_code" class="form-label">Bank IFSC Code <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="ifsc_code" id="ifsc_code" class="form-control bankIFSCCode"
                                    placeholder="Enter Bank IFSC Code"
                                    value="{{ old('ifsc_code', $investmentDetail->ifsc_code) }}" data-parsley-required
                                    data-parsley-trigger='keyup'
                                    data-parsley-required-message="Please enter bank IFSC code" maxlength="11"
                                    oninput="this.value=this.value.slice(0,this.maxLength)" data-parsley-minlength="11"
                                    data-parsley-minlength-message="Bank IFSC code at least 11 characters long"
                                    data-parsley-maxlength="11"
                                    data-parsley-maxlength-message="Bank IFSC code may not be greater than 11 character"
                                    data-parsley-errors-container='#ifsc_code_error'>
                                <span class="text-danger" id="ifsc_code_error">{{ $errors->first('ifsc_code') }}</span>
                            </div>
                        </div>

                        {{-- <div class="col-md-4">
                            <div class="form-group">
                                <label for="blank_cheque" class="form-label">Cheque Image <span
                                        class="text-danger">*</span></label>
                                <div class="align-items-start">
                                    <div class="input-group">
                                        <input type="file" name="blank_cheque" id="blank_cheque" class="form-control"
                                            data-parsley-trigger='keyup'
                                            data-parsley-required-message="Please upload cheque image" accept="image/*"
                                            data-parsley-filetype="jpg,jpeg,png"
                                            data-parsley-accept="image/jpg, image/jpeg, image/png"
                                            onchange="validateFileType(this)" data-parsley-errors-container='#blank_cheque_error'>
                                        @php
                                            $extension = pathinfo($investmentDetail->blank_cheque, PATHINFO_EXTENSION);
                                            $imageExtensions = ['jpeg', 'png', 'jpg'];
                                        @endphp

                                        @if (!empty($investmentDetail->blank_cheque) && file_exists(public_path('storage/' . $investmentDetail->blank_cheque)))
                                            @if (in_array(strtolower($extension), $imageExtensions))
                                                <div class="input-group-append">
                                                    <img src="{{ asset('storage/' . $investmentDetail->blank_cheque) }}"
                                                        alt="Aadhar Front" width="65" height="65"
                                                        class="crudEdit img-thumbnail viewable">
                                                </div>
                                            @else
                                                <a href="{{ asset('storage/' . $investmentDetail->blank_cheque) }}"
                                                    class="btn btn-primary img-thumbnail"
                                                    download="{{ $investmentDetail->pan_basename }}">
                                                    <i class="fa fa-download mt-1"></i>
                                                </a>
                                            @endif
                                        @else
                                            <img src="{{ asset('assets/images/noimage/no-image.jpeg') }}" alt="No Image"
                                                width="65" height="65" class="crudEdit img-thumbnail viewable">
                                        @endif
                                    </div>
                                </div>
                                <span class="text-danger"
                                    id="blank_cheque_error">{{ $errors->first('blank_cheque') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="cheque_number" class="form-label">Cheque Number <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="cheque_number" id="cheque_number"
                                    class="form-control chequeNo" placeholder="Enter Cheque Number"
                                    value="{{ old('cheque_number', $investmentDetail->cheque_number) }}" data-parsley-required data-parsley-trigger='keyup'
                                    data-parsley-required-message="Please enter cheque number" maxlength="6"
                                    oninput="this.value=this.value.slice(0,this.maxLength)" data-parsley-minlength="6"
                                    data-parsley-minlength-message="Cheque number at least 6 characters long"
                                    data-parsley-maxlength="6"
                                    data-parsley-maxlength-message="Cheque number may not be greater than 6 character"
                                    data-parsley-errors-container='#cheque_number_error'>
                                <span class="text-danger"
                                    id="cheque_number_error">{{ $errors->first('cheque_number') }}</span>
                            </div>
                        </div> --}}
                    </div>
                </div>
            </div>
            <hr>

            <div class="row mt-3">
                <div class="col-md-4">
                    <div class="form-group">
                        <label class="form-label">Receive Bank</label>
                        <select class="form-control selectBank" name="bank_id" id="bank_id"
                            data-parsley-trigger="keyup">
                            <option value="">Select Bank</option>
                            @foreach ($banks as $id => $bank)
                                <option value="{{ $id }}"
                                    {{ old('bank_id', $investmentDetail->bank_id) == $id ? 'selected' : '' }}>
                                    {{ $bank }}
                                </option>
                            @endforeach
                        </select>
                        <span class="text-danger error-msg" id="bank_id_error">{{ $errors->first('bank_id') }}</span>
                    </div>
                </div>
                @php
                    $receiveDate = $investmentDetail->receive_date ? date('d-m-Y', strtotime($investmentDetail->receive_date)) : '';
                @endphp
                <div class="col-md-4">
                    <div class="form-group">
                        <label class="form-label">Receive Date <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" name="receive_date" id="receive_date"
                            placeholder="Select Receive Date"
                            value="{{ old('receive_date', $receiveDate) }}"
                            data-parsley-required="required" data-parsley-required-message="Please select receive date"
                            data-parsley-trigger='keyup' data-parsley-errors-container='#receive_date_error'>
                        <span class="text-danger error-msg"
                            id="receive_date_error">{{ $errors->first('receive_date') }}</span>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label class="form-label">Payment Type <span class="text-danger">*</span></label>
                        <select class="form-control selectPaymentType" name="payment_type" id="payment_type"
                            data-parsley-trigger="keyup" data-parsley-required
                            data-parsley-required-message="Please select payment type"
                            data-parsley-errors-container='#payment_type_error'>
                            <option value="">Select Payment Type</option>
                            @foreach ($paymentTypes as $id => $paymentType)
                                <option value="{{ $id }}"
                                    {{ old('payment_type', $investmentDetail->payment_type) == $id ? 'selected' : '' }}>
                                    {{ $paymentType }}
                                </option>
                            @endforeach
                        </select>
                        <span class="text-danger error-msg"
                            id="payment_type_error">{{ $errors->first('payment_type') }}</span>
                    </div>
                </div>

                <div class="col-md-4" id="other_payment_type_div" style="display: none;">
                    <div class="form-group">
                        <label for="other_payment_type" class="form-label">Other Payment Type <span
                                class="text-danger">*</span></label>
                        <input type="text" name="other_payment_type" id="other_payment_type"
                            class="form-control onlytxt" placeholder="Enter Other Payment Type"
                            value="{{ old('other_payment_type', $investmentDetail->other_payment_type) }}"
                            data-parsley-trigger='keyup' data-parsley-required-message="Please enter other payment type"
                            data-parsley-pattern='^[a-zA-Z_ ]*$' maxlength="100" data-parsley-maxlength="100"
                            data-parsley-maxlength-message="Other type may not be greater than 100 characters"
                            data-parsley-pattern-message='Only alphabets are allowed'
                            data-parsley-errors-container='#other_payment_type_error'>
                        <span class="text-danger"
                            id="other_payment_type_error">{{ $errors->first('other_payment_type') }}</span>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label for="amount" class="form-label">Amount <span class="text-danger">*</span></label>
                        <input type="text" class="form-control rate-input rateValidation" name="amount"
                            id="amount" placeholder="Enter Amount"
                            value="{{ old('amount', $investmentDetail->amount) }}" data-parsley-required="required"
                            data-parsley-required-message="Please enter amount" data-parsley-trigger='keyup'
                            data-parsley-errors-container='#amount_error' onkeyup="setFinalAmount();"
                            oninput="setFinalAmount()" onchange="setFinalAmount()">
                        <span class="text-danger" id="amount_error">{{ $errors->first('amount') }}</span>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label for="charges" class="form-label">Charges <span class="text-danger">*</span></label>
                        <input type="text" class="form-control rate-input rateValidation" name="charges"
                            id="charges" placeholder="Enter Charges"
                            value="{{ old('charges', $investmentDetail->charges) }}" data-parsley-required="required"
                            data-parsley-required-message="Please enter charges" data-parsley-trigger='keyup'
                            data-parsley-errors-container='#charges_error'>
                        <span class="text-danger" id="charges_error">{{ $errors->first('charges') }}</span>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label for="credited_amount" class="form-label">Credited Amount <span
                                class="text-danger">*</span></label>
                        <input type="text" class="form-control rate-input rateValidation" name="credited_amount"
                            id="credited_amount" placeholder="Enter Credited Amount"
                            value="{{ old('credited_amount', $investmentDetail->credited_amount) }}"
                            data-parsley-required="required" data-parsley-required-message="Please enter amount"
                            data-parsley-trigger='keyup' data-parsley-errors-container='#credited_amount_error' readonly>
                        <span class="text-danger"
                            id="credited_amount_error">{{ $errors->first('credited_amount') }}</span>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label for="duration" class="form-label">Duration <span class="text-danger">*</span></label>
                        <div class="input-group">
                            <input class="form-control rateValidation" placeholder="Enter Duration Value"
                                style="width: 60%;" name="duration" type="text" id="duration"
                                data-parsley-required="required"
                                data-parsley-required-message="Please enter duration value"
                                data-parsley-errors-container="#duration_error" data-parsley-trigger="keyup"
                                value="{{ old('duration', $investmentDetail->duration) }}" onkeyup="setFinalAmount();"
                                oninput="setFinalAmount()" onchange="setFinalAmount()">
                            <select class="form-control {{ $errors->has('duration_type') ? 'is-invalid' : '' }}"
                                name="duration_type" style="width: 40%;" id="duration_type" onchange="setFinalAmount()">
                                <option value="" selected disabled>Select Duration</option>
                                @foreach ($durations as $key => $duration)
                                    <option value="{{ $key }}"
                                        {{ old('duration_type', $investmentDetail->duration_type) == $key ? 'selected' : '' }}>
                                        {{ $duration }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <span class="text-danger" id="duration_error"></span>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label for="interest" class="form-label">Interest <span class="text-danger">*</span></label>
                        <div class="input-group">
                            <input type="text" name="interest" id="interest" class="form-control interestValue"
                                placeholder="Interest" value="{{ old('interest', $investmentDetail->interest) }}"
                                data-parsley-trigger="keyup" data-parsley-required="required"
                                data-parsley-required-message="Please enter interest value"
                                data-parsley-errors-container="#interest_error" onkeyup="setFinalAmount();"
                                oninput="setFinalAmount()" onchange="setFinalAmount()">
                            <div class="input-group-append">
                                <span class="input-group-text">%</span>
                            </div>
                        </div>
                        <span class="text-danger" id="interest_error"></span>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label for="payable_amount" class="form-label">Final Payable Amount <span
                                class="text-danger">*</span></label>
                        <input type="text" class="form-control rate-input rateValidation" name="payable_amount"
                            id="payable_amount" placeholder="Enter Final Payable Amount"
                            value="{{ old('payable_amount', $investmentDetail->payable_amount) }}"
                            data-parsley-required="required" data-parsley-required-message="Please enter payable amount"
                            data-parsley-trigger='keyup' data-parsley-errors-container='#payable_amount_error' readonly>
                        <span class="text-danger" id="payable_amount_error">{{ $errors->first('payable_amount') }}</span>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label for="condition" class="form-label">Condition <span class="text-danger">*</span></label>
                        <textarea name="condition" id="condition" rows="3" placeholder="Enter Condition" class="form-control"
                            data-parsley-required data-parsley-trigger='keyup' data-parsley-required-message="Please enter condition"
                            data-parsley-errors-container='#condition_error'>{{ old('condition', $investmentDetail->condition) }}</textarea>
                        <span class="text-danger" id="condition_error">{{ $errors->first('condition') }}</span>
                    </div>
                </div>
            </div>

            <div class="row mt-3">
                <div class="col-md-2">
                    <div class="form-group">
                        <label class="form-label">Installment Option</label>
                        <button type="button"
                            class="btn btn-toggle installment-option-toggle {{ old('installment_option', $investmentDetail->installment_option ?? 'Auto') === 'Auto' ? 'active' : '' }}"
                            aria-pressed="{{ old('installment_option', $investmentDetail->installment_option ?? 'Auto') === 'Auto' ? 'true' : 'false' }}"
                            autocomplete="off" data-auto-text="Auto" data-manual-text="Manual">
                            <span
                                class="toggle-text">{{ old('installment_option', $investmentDetail->installment_option ?? 'Auto') === 'Manual' ? 'Manual' : 'Auto' }}</span>
                            <div class="handle"></div>
                        </button>
                        <input type="hidden" id="installment_option" name="installment_option"
                            value="{{ old('installment_option', $investmentDetail->installment_option ?? 'Auto') }}">
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="installment" class="form-label">Installment</label>
                        <div class="input-group">
                            <input type="text" class="form-control number" id="installment" name="installment"
                                value="{{ old('installment', $investmentDetail->installment) }}"
                                placeholder="Enter Installment" data-parsley-type="digits"
                                data-parsley-type-message="Please enter valid installment"
                                data-parsley-errors-container='#installment_error'>
                            <div class="input-group-append">
                                <button class="btn btn-primary" type="button" id="addInstallmentBtn">Add</button>
                            </div>
                        </div>
                        <span class="text-danger" id="installment_error"></span>
                    </div>
                </div>
                <div class="col-md-6" id="installment_fields_container">
                    @if ($investmentDetail->installmentDetails && $investmentDetail->installmentDetails->count() > 0)
                        <table class="table table-bordered table-sm">
                            <thead>
                                <tr>
                                    <th width="45%">Amount <span class="text-danger">*</span></th>
                                    <th width="45%">Date <span class="text-danger">*</span></th>
                                    <th width="10%">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($investmentDetail->installmentDetails as $index => $detail)
                                    <tr>
                                        <td>
                                            <input type="text" class="form-control form-control-sm rateValidation"
                                                name="installment_amount[]" placeholder="Enter Amount"
                                                value="{{ $detail->installment_amount }}" data-parsley-trigger="keyup"
                                                data-parsley-required="required"
                                                data-parsley-required-message="Please enter interest value"
                                                data-parsley-errors-container="#installment_amount">
                                        </td>
                                        <td>
                                            <input type="text" class="form-control form-control-sm datepicker"
                                                name="installment_date[]" placeholder="Select Date"
                                                value="{{ date('d-m-Y', strtotime($detail->installment_date)) }}"
                                                data-parsley-trigger="keyup" data-parsley-required="required"
                                                data-parsley-required-message="Please select date"
                                                data-parsley-errors-container="#installment_date" readonly>
                                        </td>
                                        <td class="text-center">
                                            <button type="button" class="btn btn-danger btn-sm remove-installment-row"><i
                                                    class="fa fa-trash"></i></button>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    @endif
                </div>
            </div>
        </div>
        <div class="card-footer">
            <button type="submit" class="btn btn-primary btn-fw" id="addInvestment">Update</button>
            <a href="{{ route('investment.index') }}" class="btn btn-light btn-fw">Cancel</a>
        </div>

        {{ Form::close() }}
    </div>
@endsection
@section('page-js')
    <script>
        var investmentID = "{{ $investmentDetail->id }}";
        var indexRoute = "{{ route('investment.index') }}";
        var storeRoute = "{{ route('investment.store') }}";
    </script>
    <script src="https://unpkg.com/cropperjs@1.5.13/dist/cropper.min.js"></script>
    <script src="{{ asset('assets/js/admin/investment.js') }}"></script>
@endsection