@extends('layouts.adminapp')

@section('css')
<link href="{{asset('css/select2.min.css')}}" rel="stylesheet" />
<link rel="stylesheet" href="{{ asset('css/dataTables.bootstrap.min.css') }}">
@stop

@section('content')

<div class="container-fluid">
    <div class="row">
        <h3 class="display">Set Vouchers</h3>
    </div>  
    <br>
    <div class="row">
        <div class="col-md-12" style="background-color:white;padding:10px;">
            <h4>Voucher</h4>
            @if(session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
            @endif
            <form action="{{ url('/save/voucher') }}" method="POST">
                {{csrf_field()}}
                <div class="form form-group">
                    <div class="col-sm-6">
                        <label>Voucher Name</label>
                        <input type="text" class="form-control" name="type" id="type" required>
                        <p><i style="color:red">**Record with same voucher name will be <b>updated</b>.</i></p>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-6">
                        <label>Amount</label>
                        <input type="text" class="form-control" style="text-align:right" name="amount" id="amount" required>
                    </div>
                </div><input type="hidden" class="form-control" name="o_type" id="o_type" required>
                <div class="form-group col-md-offset-8">

                    <div class="col-md-12">
                        &nbsp;<br>
                        <button type="submit" class="form-control btn-success btn"><b>Save</b></button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <hr>
    <div class="row">
        <div class="col-md-12">
            <div id="displaysubsidiary">
                <h4><strong>List of Vouchers</strong></h4>
                <table id="subsidiary" width="100%" class="table table-bordered table-responsive">
                    <thead>
                        <tr>
                            <th>Voucher Name</th>
                            <th>Amount</th>
                            <th>Update</th>
                            <th>Remove</th>
                        </tr>
                    </thead>
                    <tbody>
                                                @if(count($vouchers)>0)
                        @foreach($vouchers as $voucher)
                        <tr>
                            <td>{{$voucher->type}}</td>
                            <td align="right">{{number_format($voucher->amount,2)}}</td>
                            <td><a href="javascript:void(0)" onclick="setValue('{{$voucher->type}}','{{$voucher->amount}}')"><b>Update</b></a></td>
                            <td><a href="{{ url('/admin',array('remove','vouchers',$voucher->id)) }}" onclick="return confirm('Are You Sure?');"><b>Remove</b></a></td>
                        </tr>
                        @endforeach
                        @endif
                    </tbody>
                </table>
            </div>

        </div>
    </div>
</div>
@stop

@section('script')
<script src="{{asset('js/select2.min.js')}}"></script>
<script src="{{ asset('js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('js/dataTables.bootstrap.min.js') }}"></script>
<script>
    $("#amount").maskMoney();
    
    var table = $('#subsidiary').DataTable({
        "scrollX": true});
    
    function setValue(type,amount){
        $("#type").val(type);
        $("#o_type").val(type);
        $("#amount").val(amount);
    }

</script>
@stop