@extends('admin.partials.layout')
@section('css')
<style>
    .invalid-feedback{
      display: block;
   }
</style>
@endsection

@section('content')
<div class="row page-titles">
    <div class="col-md-5 align-self-center">
        <h4 class="text-themecolor">Edit Expense
        </h4>
    </div>
    <div class="col-md-7 align-self-center text-end">
        <div class="d-flex justify-content-end align-items-center">
            <ol class="breadcrumb justify-content-end">
                <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
                <li class="breadcrumb-item active">Expense</li>
            </ol>
        </div>
    </div>
</div>


<div class="row">
    <div class="col-lg-12">
        <section class="card">
            <header class="card-header bg-info">
                <h4 class="mb-0 text-white" >Edit Expense Form</h4>
            </header>
            <div class="card-body">
          <form method="post" action="{{ isset($expense) ? URL::to('admin/expense/update/' . Crypt::encryptString($expense->id)) : URL::to('admin/expense/store') }}">
                @csrf
            
 <div class="row">
     

        <div class="form-group col-md-4">
            <label for="job_number">Job Number</label>
            <select class="form-control jobnumbernew" name="job_number" id="job_number">
                <option value="">Select Job Number</option>
                @foreach($jobNumbers as $id => $jobNumber)
                    <option value="{{ $id }}" {{ $expense->consignments_id == $id ? 'selected' : '' }}>
                        {{ $jobNumber }}
                    </option>
                @endforeach
            </select>
                   @error('job_number')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>

        <div class="form-group col-md-4">
            <label for="amount">Amount</label>
            <input type="number" name="amount" id="amount" class="form-control" step="0.01" min="0" value="{{ old('amount', $expense->amount) }}">
            @error('amount')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>

        <div class="form-group col-md-4">
            <label for="account_id">Bank</label>
            <select name="account_id" id="account_id" class="form-control account">
                <option value="" disabled>Select Account</option>
                @foreach ($accounts as $account)
                    <option value="{{ $account->id }}" {{ old('account_id', $expense->bank_id) == $account->id ? 'selected' : '' }}>
                        {{ $account->account_name }}
                    </option>
                @endforeach
            </select>
            @error('account_id')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>

        <div class="form-group col-md-4">
            <label for="date_time">Date / Time</label>
            <input type="datetime-local" name="date_time" id="date_time" class="form-control" value="{{ old('date_time', $expense->date_time) }}">
            @error('date_time')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>

        <div class="form-group col-md-4">
            <label for="expense_category_id">Category</label>
            <select name="expense_category_id" id="expense_category_id" class="form-control category">
                <option value="" disabled>Select Category</option>
                @foreach ($categories as $category)
                    <option value="{{ $category->id }}" {{ old('expense_category_id', $expense->expense_category_id) == $category->id ? 'selected' : '' }}>
                        {{ $category->title }}
                    </option>
                @endforeach
            </select>
            @error('expense_category_id')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>

        <!-- Description Field (Last) -->
        <div class="form-group col-md-12">
            <label for="description">Description</label>
            <textarea name="description" id="description" class="form-control" rows="3">{{ old('description', $expense->description) }}</textarea>
            @error('description')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>

        <!-- Submit Button -->
        <div class="form-group col-md-12 text-left">
            <button type="submit" class="btn btn-info">Update Expense</button>
        </div>

    </div>

</form>

            

            </div>
        </section>
    </div>
</div>
@endsection

@section('js')
    
@endsection