@extends('layouts.app')
@section('title', 'Direct Bank Deposit')

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>Direct Bank Deposit - {{$bank->name}}</h1>
</section>

<!-- Main content -->
<section class="content">
	{!! Form::open(['url' => action('BankingController@directDeposit'), 'method' => 'post', 'files' => true ]) !!}
	<input type="hidden" name="bank_id" value="{{$bank->id}}" class="bank-id">
	<div class="box box-solid">
		<div class="box-body">
			<div class="row">
			{!! Form::hidden('location_id', $bank->location_id, ['class' => 'form-control']); !!}
				<!-- <div class="col-sm-4">
					<div class="form-group">
						{!! Form::label('location_id', 'Location:*') !!}
						{!! Form::select('location_id', $business_locations, null, ['class' => 'form-control', 'placeholder' => __('messages.please_select'), 'required', 'id' => 'location_id']); !!}
					</div>
				</div> -->
				<div class="col-sm-4">
					<div class="form-group">
						{!! Form::label('ref_no', 'Bank Deposit Reference No *') !!}
						{!! Form::text('ref_no', null, ['class' => 'form-control', 'required']); !!}
					</div>
				</div>
				<div class="col-sm-4">
					<div class="form-group">
						{!! Form::label('invoice_date', 'Transaction Date*') !!}
						<div class="input-group">
							<span class="input-group-addon">
								<i class="fa fa-calendar"></i>
							</span>
							{!! Form::text('invoice_date', @format_date('now'), ['class' => 'form-control', 'readonly', 'required', 'id' => 'expense_transaction_date']); !!}
						</div>
					</div>
				</div>
				<div class="col-sm-4">
                    <div class="form-group">
                        {!! Form::label('amount', 'Amount *') !!}
                        {!! Form::number('amount', null, ['class' => 'form-control', 'required' ]); !!}
                    </div>
				</div>
				<div class="col-sm-4">
					<div class="form-group">
						{!! Form::label('note', 'Note *') !!}
								{!! Form::textarea('note', null, ['class' => 'form-control', 'rows' => 3, 'required']); !!}
					</div>
				</div>
				<div class="col-sm-12">
					<button type="submit" class="btn btn-primary pull-right">@lang('messages.save')</button>
				</div>
			</div>
		</div>
	</div> <!--box end-->
	{!! Form::close() !!}

	<div class="box box-solid">
		<div class="box-body">
			<div class="row">
				<div class="col-sm-12">
					<div class="table-responsive">
						<table class="table table-bordered table-striped" id="bank_table">
							<thead>
								<tr>
									<th>Location</th>
									<th>Bank</th>
									<th>Ref No</th>
									<th>Transaction Date</th>
									<th>amount</th>
								</tr>
							</thead>
						</table>
					</div>
				</div>	
			</div>
		</div>
	</div>	
</section>
@endsection
@section('javascript')
    <script type="text/javascript">

        $(document).ready(function() {
			var id = $('.bank-id').val();
            var bank_table = $('#bank_table').DataTable({
                processing: true,
                serverSide: true,
                ajax: {
                    url: "{{route('bank.direct-deposit.index', $bank->id)}}",
                },

                columnDefs: [{
                    "targets": [1],
                    "orderable": false,
                    "searchable": false
                }],
                "columns": [{
                        "data": "location"
                    },
                    {
                        "data": "bank"
                    },
                    {
                        "data": "ref_no"
                    },
                    {
                        "data": "invoice_date"
                    },
                    {
                        "data": "amount"
                    }
                ]
            });
        });   
        
    
    </script>
@endsection