@extends('layouts.main')

@section('content')
  <h1>Edit Expense</h1>

    @if (session('status'))
        <div class="alert alert-success">
            {{ session('status') }}
        </div>
    @endif   
  
                            
    <form method="POST" action="{{ route('expense.update',$expense->id) }}">
        @csrf
        {{ method_field('PATCH') }}   
        
            <div class="row">
                <div class="col-6">

                    <label>Transaction date</label>
                    <input type="date" name="date" value="{{$expense->date}}" class="form-control">

                    <label>Account</label>
                    <select class="form-control" name="expense_account_id">
                        <option></option>
                        @foreach($account as $accounts)
                        <option value="{{$accounts->id}}" {{ $accounts->id == $expense->expense_account_id ? "selected":""  }} >{{$accounts->name}}</option>
                        @endforeach
                    </select>

                    <label>Particular</label>
                    <input type="text" name="particular" value="{{$expense->particular}}" class="form-control">

                    <label>Quantity</label>
                    <input type="number" name="size" value="{{$expense->size}}" class="form-control" step="any">

                </div>

                <div class="col-6">

                        <label>Amount</label>
                    <input type="text" name="amount" id="amount" value="{{$expense->amount}}" step="any" class="form-control number">


                    <label>Voucher number</label>
                    <input type="text" name="voucher_number" value="{{$expense->voucher_number}}" class="form-control">

                    <label>Person name</label>
                    <input type="text" name="person_name" value="{{$expense->person_name}}" class="form-control">

                    <label>Phone Number</label>
                    <input type="text" name="phone_number" value="{{$expense->phone_number}}" step="any" class="form-control">
                    <br>

                </div>
            </div>
        
        
        
        <button class="btn btn-dark" type="submit">Save</button>
    </form>                 
             
            
     
@endsection

@push('scripts')
    <script>
      document.addEventListener("DOMContentLoaded", function () {
          const amount = document.getElementById("amount");
          addCommas(amount); 
      });
    </script>    
@endpush