@extends('layouts.app', ['title' => __('Income')])
@section('admin_title')
{{ __('Income') }}
@endsection
@section('content')
<div class="header bg-gradient-primary pb-8 pt-5 pt-md-5">

</div>
<div class="container-fluid mt--7">
    <div class="row">
        <div class="col">
            <div class="card shadow">
                <div class="card-header border-0">
                    <div class="row align-items-center">
                        <div class="col-8">
                            <h3 class="mb-0">Income</h3>
                        </div>

                        <div class="col-4 text-right">
                            <a href="http://127.0.0.1:8000/expenses/expenses" class="btn btn-sm btn-primary">Back</a>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                </div>

                <div class="card-body">
                    <form action="{{ route("income.store") }}" method="POST" enctype="multipart/form-data">
                      @csrf
                        <input type="hidden" value="{{ $income->id ?? "" }}" name="income_id">
                        <div class="row">
                            <div id="form-group-date" class="form-group col-md-4">
                                <label class="form-control-label" for="date">Date</label>
                                <input step=".01" type="date" name="date" id="date" class="form-control form-control   " placeholder="Date" value="{{ $income->date ?? "" }}" required="">
                            </div>
                            <div id="form-group-amount" class="form-group col-md-4">
                                <label class="form-control-label" for="amount">Amount</label>
                                <input step=".01" type="number" name="amount" id="amount" class="form-control form-control   " placeholder="USD" value="{{ $income->amount ?? "" }}" required="">
                            </div>
                            <div id="form-group-reference" class="form-group col-md-4">
                                <label class="form-control-label" for="reference">Reference</label>
                                <input step=".01" type="text" name="reference" id="reference" class="form-control form-control   " placeholder="Reference" value="{{ $income->reference ?? "" }}" required="" spellcheck="false" data-ms-editor="true">
                            </div>
                            <style>
                                .select2-container {
                                    width: 100% !important;
                                }
                            </style>
                            <div id="form-group-expenses_category_id" class="form-group col-md-4">
                                <label class="form-control-label">Category</label><br>

                                <select class="form-control form-control-alternative select2init"
                                    name="expenses_category_id"
                                    id="expenses_category_id">

                                    <option disabled value="">Select Category</option>

                                    @foreach($categories as $category)
                                   <option value="{{ $category->id }}" 
        {{ isset($income) && $income->income_category_id == $category->id ? 'selected' : '' }}>
    {{ $category->name }}
</option>

                                    @endforeach
                                </select>

                            </div>

                            <style>
                                .select2-container {
                                    width: 100% !important;
                                }
                            </style>
                            {{-- Payment Method --}}
<div id="form-group-payment_method" class="form-group col-md-4">
    <label class="form-control-label">Payment Method</label>
    <select class="form-control form-control-alternative select2init"
            name="payment_method"
            id="payment_method" required>
        <option disabled value="">Select method</option>
        <option value="cash" {{ isset($income) && $income->payment_method == 'cash' ? 'selected' : '' }}>Cash</option>
        <option value="card" {{ isset($income) && $income->payment_method == 'card' ? 'selected' : '' }}>Card</option>
        <option value="online_transfer" {{ isset($income) && $income->payment_method == 'online_transfer' ? 'selected' : '' }}>Online Transfer</option>
    </select>
</div>

{{-- Status --}}
<div id="form-group-status" class="form-group col-md-4">
    <label class="form-control-label">Status</label>
    <select class="form-control form-control-alternative select2init"
            name="status"
            id="status" required>
        <option value="active" {{ isset($income) && $income->is_active == "active" ? 'selected' : '' }}>Active</option>
        <option value="inactive" {{ isset($income) && $income->is_active == "inactive" ? 'selected' : '' }}>Inactive</option>
    </select>
</div>

                            <div class="form-group">
                                <label class="form-control-label" for="description">Description</label>
                                <textarea class="form-control form-control-alternative" name="description" id="description" rows="4" cols="50" spellcheck="false" data-ms-editor="true">{{ $income->description ?? "" }}</textarea>
                            </div>

                        </div>
                        @if(isset($income))
                      <div style="text-align: end;" >
                            <button type="submit" class="btn btn-primary">Update</button>
                        </div>
                        @else
                        <div style="text-align: end;" >
                            <button type="submit" class="btn btn-primary">Insert</button>
                        </div>
                        @endif
                    </form>
                </div>


            </div>
        </div>
    </div>
</div>
 @include('layouts.footers.auth')
@endsection