{{-- resources/views/branchInvestments/edit.blade.php --}}
@extends('layouts.main')

@section('title', 'Branch Investment - Edit Investment')

@section('content')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css">

<div class="main-content app-content">
    <div class="container-fluid">
        <!-- Page Header -->
        <div class="d-md-flex d-block align-items-center justify-content-between page-header-breadcrumb mb-4">
            <div>
                <h1 class="page-title mb-0 text-primary">Edit Investment</h1>
              
            </div>
            <div class="ms-auto">
                <a href="{{ route('branchinvestments.index') }}" class="btn btn-secondary">
                    Back to Investments
                </a>
            </div>
        </div>

        <!-- Form Card -->
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <!-- <div class="card-header">
                        <h3 class="card-title">
                            <i class="fas fa-edit me-2"></i>
                            Edit Investment Details
                        </h3>
                    </div> -->
                    <div class="card-body">
                        <form id="investmentForm" action="{{ route('branchinvestments.update', $investment->id) }}" method="POST">
                            @csrf
                            @method('patch')
                            
                            <!-- Branch Selection -->
                            <div class="row">
                                <div class="col-md-12 mb-3">
                                    <label for="branch_id" class="form-label required-field">Select Branch</label>
                                    <select class="form-select @error('branch_id') is-invalid @enderror" 
                                            id="branch_id" 
                                            name="branch_id" 
                                            required>
                                        <option value="">-- Select Branch --</option>
                                        @foreach($branches as $branch)
                                            <option value="{{ $branch->id }}" 
                                                {{ (old('branch_id', $investment->branch_id) == $branch->id) ? 'selected' : '' }}>
                                                {{ $branch->branch_name }} ({{ $branch->branch_code }})
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('branch_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <!-- Investment Date and Type -->
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label for="investment_date" class="form-label required-field">Investment Date</label>
                                    <div class="input-group date">
                                        <input type="date" 
                                            class="form-control @error('investment_date') is-invalid @enderror" 
                                            name="investment_date" 
                                            value="{{ old('investment_date', $investment->investment_date) }}" 
                                            placeholder="dd-mm-yyyy" 
                                            required>
                               
                                    </div>
                                    @error('investment_date')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label for="investment_type" class="form-label required-field">Investment Type</label>
                                    <select class="form-select @error('investment_type') is-invalid @enderror" 
                                            id="investment_type" 
                                            name="investment_type" 
                                            required>
                                        <option value="">-- Select Type --</option>
                                        <option value="equity" {{ old('investment_type', $investment->investment_type) == 'equity' ? 'selected' : '' }}>Equity</option>
                                        <option value="debt" {{ old('investment_type', $investment->investment_type) == 'debt' ? 'selected' : '' }}>Debt</option>
                                        <option value="real_estate" {{ old('investment_type', $investment->investment_type) == 'real_estate' ? 'selected' : '' }}>Real Estate</option>
                                        <option value="mutual_fund" {{ old('investment_type', $investment->investment_type) == 'mutual_fund' ? 'selected' : '' }}>Mutual Fund</option>
                                        <option value="fixed_deposit" {{ old('investment_type', $investment->investment_type) == 'fixed_deposit' ? 'selected' : '' }}>Fixed Deposit</option>
                                        <option value="gold" {{ old('investment_type', $investment->investment_type) == 'gold' ? 'selected' : '' }}>Gold</option>
                                        <option value="bonds" {{ old('investment_type', $investment->investment_type) == 'bonds' ? 'selected' : '' }}>Bonds</option>
                                        <option value="other" {{ old('investment_type', $investment->investment_type) == 'other' ? 'selected' : '' }}>Other</option>
                                    </select>
                                    @error('investment_type')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <!-- Amount and Source of Funds -->
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label for="amount" class="form-label required-field">Investment Amount</label>
                                    <div class="input-group">
                                        <input type="number" 
                                            class="form-control @error('amount') is-invalid @enderror" 
                                            id="amount" 
                                            name="amount" 
                                            value="{{ old('amount', $investment->amount) }}" 
                                            placeholder="0.00" 
                                            step="0.01" 
                                            min="0"
                                            required>
                                    </div>
                                    @error('amount')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label for="source_of_funds" class="form-label">Source of Funds</label>
                                    <!-- <select class="form-select @error('source_of_funds') is-invalid @enderror" 
                                            id="source_of_funds" 
                                            name="source_of_funds">
                                        <option value="">-- Select Source (Optional) --</option>
                                        <option value="bank_loan" {{ old('source_of_funds', $investment->source_of_funds) == 'bank_loan' ? 'selected' : '' }}>Bank Loan</option>
                                        <option value="internal_profit" {{ old('source_of_funds', $investment->source_of_funds) == 'internal_profit' ? 'selected' : '' }}>Internal Profit</option>
                                        <option value="owner_equity" {{ old('source_of_funds', $investment->source_of_funds) == 'owner_equity' ? 'selected' : '' }}>Owner Equity</option>
                                        <option value="external_investor" {{ old('source_of_funds', $investment->source_of_funds) == 'external_investor' ? 'selected' : '' }}>External Investor</option>
                                        <option value="retained_earnings" {{ old('source_of_funds', $investment->source_of_funds) == 'retained_earnings' ? 'selected' : '' }}>Retained Earnings</option>
                                        <option value="other" {{ old('source_of_funds', $investment->source_of_funds) == 'other' ? 'selected' : '' }}>Other</option>
                                    </select> -->
                                    <input type="source_of_funds" 
                                            class="form-control @error('source_of_funds') is-invalid @enderror" 
                                            value="{{ old('amount', $investment->source_of_funds) }}" 
                                            name="source_of_funds" 
                                            placeholder="Source Of Funds" 
                                            required>
                                    @error('source_of_funds')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <!-- Description -->
                            <div class="row">
                                <div class="col-md-12 mb-3">
                                    <label for="description" class="form-label">Description / Remarks</label>
                                    <textarea class="form-control @error('description') is-invalid @enderror" 
                                            id="description" 
                                            name="description" 
                                            rows="4" 
                                            placeholder="Enter detailed description, purpose of investment, expected returns, etc.">{{ old('description', $investment->description) }}</textarea>
                                    @error('description')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <!-- Form Actions -->
                            <div class="row mt-4">
                                <div class="col-md-12 text-end">
                                    <a href="{{ route('branchinvestments.index') }}" class="btn btn-secondary me-2">
                                        Cancel
                                    </a>
                                    <button type="submit" class="btn btn-primary" id="submitBtn">
                                        Update Investment
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>

<script>
    toastr.options = {
        "closeButton": true,
        "progressBar": true,
        "positionClass": "toast-top-right",
        "timeOut": "4000"
    }

    @if (session('success'))
        toastr.success("{{ session('success') }}");
    @endif

    @if (session('error'))
        toastr.error("{{ session('error') }}");
    @endif

    @if (session('validation_errors'))
        @foreach (session('validation_errors') as $error)
            toastr.error("{{ $error }}");
        @endforeach
    @endif

    @if ($errors->any())
        @foreach ($errors->all() as $error)
            toastr.error("{{ $error }}");
        @endforeach
    @endif

    // Initialize Datepicker
    $(document).ready(function() {
        $('.datepicker').datepicker({
            format: 'dd-mm-yyyy',
            autoclose: true,
            todayHighlight: true,
            orientation: 'bottom',
            endDate: '+0d'
        });
    });

    // Form Submission with Loading State
    $('#investmentForm').on('submit', function(e) {
        const btn = $('#submitBtn');
        btn.prop('disabled', true)
           .html('<span class="spinner-border spinner-border-sm me-2"></span>Updating investment...');
        
        toastr.info('Updating investment...');
    });

    // Amount validation
    $('#amount').on('input', function() {
        let val = $(this).val();
        if (val < 0) {
            $(this).val(0);
            toastr.warning('Amount cannot be negative');
        }
    });

    // Prevent form resubmission on page refresh
    if (window.history.replaceState) {
        window.history.replaceState(null, null, window.location.href);
    }
</script>
@endsection