@extends('layouts.main')

@section('container')

<div class="main_container">
     <br><br>
     <!-- page content -->
        <div class="right_col" role="main">
          <div class="">
        
            <div class="clearfix"></div>
			<div class="row">
              <div class="col-md-6 col-xs-12">
            	<div class="x_panel">
                  <div class="x_title">
                    <h2>Payment Detail<small><span style="float: right"> Intial Amount= {{$amount}}<span></small></h2>
                    
                   <!--  <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                        <!-- <ul class="dropdown-menu" role="menu">
                          <li><a href="#">Settings 1</a>
                          </li>
                          <li><a href="#">Settings 2</a>
                          </li>
                        </ul> 
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul> -->
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
					
                    <!-- start form for validation -->
                   <form action="{{ route('AdminPaymentAction') }}" method="post" class="form-horizontal" enctype="multipart/form-data" id="validate-form" >
                      <label for="fullname">Statement* :</label>
                      {!! csrf_field() !!}
                       <!--calculating the length of the image array for  total number of image upload changes in jquery.filter.js-->
                         
                    <input type="hidden" name="uid" value="{{$id }}">	
                    <input type="text" id="fullname" class="form-control"  required  name="title"  maxlength="37" required="" />
					<label for="fullname">Amount* :</label>
					<input type="number" id="amount" class="form-control"  required  name="amount" maxlength="37" required="" />
					<label for="fullname">Want to* :</label>
                      <select name="type" class="form-control">
                      	<option value="add">Add</option>
                      	<option value="sub">Remove</option>
                      	
                      	
                      </select>		
                          <br/>
                          <button class="btn btn-primary" type="submit">Save</button>
					
                    </form>
                    <!-- end form for validations -->

                  </div>
                </div>


              </div>
              <div class="col-md-6 col-sm-12 col-xs-12">
                <div class="x_panel">
                  <div class="x_content">
				<div class="table-responsive">
                      <table class="table table-striped jambo_table bulk_action">
                        <thead>
                          <tr class="headings">
                          	
                            <th class="column-title">Statement </th>
                            <th class="column-title">Amount</th>
                             <th class="column-title">Date/Time</th>
                          </tr>
                        </thead>

                        <tbody>
                         
                           @if(!empty($record))
                            @foreach($fetch['result'] as $data)
                          <tr class="even pointer">
                          	<td>{{$data['statement']}}</td>
                          	@if($data['type']=='add')
                            <td class=" ">+{{$data['amount']}}</td>
                            @else
                            <td class=" ">-{{$data['amount']}}</td>
                           
                       		@endif
                       		
 					<td class=" "> <i class="success fa fa-long-arrow-up"></i>{{$data['date_time']}}</td>
 					@endforeach
                       @else
                       <td colspan="3" style="text-align:center;">
                       no record found
                      </td>
                       @endif
                          </tr>
                        
                           
                          
                        </tbody>
                      </table>
                    </div>
							
						
                  </div>
                </div>
              </div>

            </div>

          </div>
        </div>
        <!-- /page content -->

        <!-- /footer content -->
      </div>

<script>
$('.dropme').dropme('enable');
$('.exclude').dropme({
				items: ':not(.disabled)'
			});
			$('.connected').dropme({
				linkTo: '.connected'
			});
</script>
@stop