@include('header')

<div class="contact-wrap w-100 p-md-5 p-4" style="margin-bottom:160px;">
              <h3 class="mb-4">Edit Invoice</h3>
              <div id="form-message-warning" class="mb-4">
                @if ($errors->any())
                    <div class="alert alert-danger">
                      <ul>
                          @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                          @endforeach
                      </ul>
                    </div><br />
                  @endif
              </div>
              <div id="form-message-success" class="mb-4">

              </div>
              <form method="POST" id="contactForm" name="contactForm" action="{{route('invoices.update',$invoice->invoiceId)}}">
                @method('PATCH')
                @csrf
                <div class="row">
                  <div class="col-md-6">
                    <div class="form-group">
                      <input type="date" class="form-control" value="{{$invoice->invoiceDate}}" name="invoicedate" id="name" placeholder="Date" required>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-group">
                      <select class="form-control" name ="houseunit" required>
                       <option value="">--select unit--</option>
                        @foreach ($houseUnits as $houseUnit)
                        <option value="{{$houseUnit->unitId}}" SELECTED>{{$houseUnit->houseName.' - '.$houseUnit->unitName}}</option>
                        @endforeach
                      </select>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-group">
                      <select class="form-control" name ="activestatus" required>
                       <option value="">--invoice status--</option>
                       <option value="1" >Active</option>
                       <option value="2" >Deleted</option>
                      </select>
                    </div>
                  </div>


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

                   <div id="container" style="display:flex;flex-direction:column;width:100%" >

                                   @foreach($invoiceCharges as $invoiceCharge)

                  <div  style="width:100%;display:flex;margin-top:3px;"  >
                  <div class="col-md-3"  >
                    <div class="form-group">
                      <select class="form-control" name ="{{'expensetype'.$count}}" required >
                       <option   value="">--select charge--</option>
                       @foreach ($expenseTypes as $expenseType)
                        <option value="{{$expenseType->expenseTypeId}}" SELECTED>{{$expenseType->typeName}}</option>
                       @endforeach
                      </select>
                    </div>
                  </div>
                 <input type="hidden" name="{{'charge'.$count}}" value="{{$invoiceCharge->paymentId}}" />
                  <div class="col-md-2">
                      <div class="form-group">
                        <input type="text" class="form-control" value="{{$invoiceCharge->previousReading}}" name="{{'previousreading'.$count}}" id="name" placeholder="previous reading" >
                      </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                          <input type="text" class="form-control" value="{{$invoiceCharge->currentReading}}" name="{{'currentreading'.$count}}" id="name" placeholder="current reading" >
                        </div>
                      </div>
                      <div class="col-md-2">
                          <div class="form-group">
                            <input type="text" class="form-control" value="{{$invoiceCharge->amountTopay}}" name="{{'expenseamount'.$count}}" id="name" placeholder="amount"  required>
                          </div>
                      </div>
                      <div class="col-md-3">
                          <div class="form-group">
                            <select class="form-control" name ="{{'activestatus'.$count}}" required >
                             <option   value="">--active status--</option>
                              <option value="1" >Active</option>
                              <option value="2" >Deleted</option>

                            </select>
                          </div>
                      </div>
                  </div>
                                    @endforeach



                </div>



                  <div class="col-md-6">
                    <div class="form-group" >
                      <input type="submit" value="Update" class="btn btn-primary" style="width:50%;height:100%;">
                      <div class="submitting"></div>
                    </div>
                  </div>
                </div>
              </form>
            </div>
@include('footer')