@include('header')

<div class="contact-wrap w-100 p-md-5 p-4" style="margin-bottom:20px;">
              <h3 class="mb-4">Expense Types</h3>

              <div id="form-message-success" class="mb-4">


              @if ($message = Session::get('success'))
                     <div class="alert alert-success">
                         <p>{{ session()->get('success') }}

                           @if($new=Session::get('new'))
                           <a href="{{ route('houses.create')}}">
                             add more.. </a>
                           @endif

                           </p>
                     </div>
                 @endif
                 </div>

              <div class="scrollable" style="margin-bottom:20px;margin-top:60px;">
                      <table>
                        <thead>
                          <tr>
                            <th>No.</th>
                            <th>Expense Name</th>
                            <th>Unit Cost </th>
                            <th>One Time Expense</th>
                            <th>Measurable</th>
                            <th>Status</th>
                            <th>Actions</th>
                          </tr>
                        </thead>
                        <tbody>
                          @php($count=1)
                          @foreach ($expenseTypes as $expenseType)
                          <tr>
                            <td>{{$expenseTypes ->perPage()*($expenseTypes->currentPage()-1)+$count}}</td>
                            <td>{{$expenseType->typeName}}</td>
                            <td>{{$expenseType->unitCost}}</td>
                            <td>{{$expenseType->isOneTime==1 ? "Yes":"No"}}</td>
                            <td>{{$expenseType->isMeasurable==1 ? "Yes":"No"}}</td>
                            <td>{{$expenseType->activeStatus==1 ? "Active":"Inactive"}}</td>

                            <td>
                              <form action="" method="POST">



                                      <a href="{{ route('expensetypes.edit',$expenseType->expenseTypeId)}}">
                                          <i class="fas fa-edit  fa-lg"></i>
                                      </a>


                                  </form>



                            </td>
                          </tr>
                          @php($count++)
                          @endforeach




                        </tbody>
                      </table>
                      {!! $expenseTypes->links() !!}
                    </div>

              <h3 class="mb-4">Add Expense Type</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('expensetypes.store')}}">
               @csrf

                <div class="row">
                  <div class="col-md-6">
                    <div class="form-group">
                      <input type="text" class="form-control" name="expensetypename" id="name" placeholder="Name" required>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-group">
                      <select class="form-control" name ="ismeasurable" required>
                       <option value="">--select if measurable--</option>
                        <option value="1">Measurable</option>
                        <option value="0">Not measurable</option>
                      </select>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-group">
                      <select class="form-control" name ="isonetime" required>
                       <option value="">--is one time expense--</option>
                        <option value="1">Yes</option>
                        <option value="0">No</option>
                      </select>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-group">
                      <input type="text" class="form-control" name="unitcost" id="name" placeholder="Unit Cost" required>
                    </div>
                  </div>

                  <div class="col-md-12">
                    <div class="form-group">
                      <input type="submit" value="Add type" class="btn btn-primary">
                      <div class="submitting"></div>
                    </div>
                  </div>
                </div>
              </form>
            </div>
@include('footer')