@extends('layouts.accountingapp')

@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 Other Payment</h3>
    </div>               
    <div class="row">
        <div class="col-md-12" style="background-color:white;padding:10px;">
            <form action="{{ url('/accounting/setotherpayments') }}" method="POST">
                {{csrf_field()}}
                <div class="form-group">
                    <label>Particular</label>
                    <input type="text" class="form-control" name="subsidiary">
                </div>
                <div class="form-group">
                    <label>Accounting Entry</label>
                    <select class="form form-control select2" width="100%" name='accounting_name'>
                        @foreach($accounting_entry as $accounting_entries)
                        <option value="{{$accounting_entries->accounting_name}}">{{$accounting_entries->accounting_name}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group col-md-offset-8">
                    <button type="submit" class="form-control btn-primary btn"><b>Add Other Payment</b></button>
                </div>
            </form>
        </div>
    </div>
    <hr>
    <div class="row">
        <div class="col-md-12">
            <div id="displaysubsidiary">
                <h4><strong>List of Other Payments</strong></h4>
                <table id="subsidiary" width="100%" class="table table-bordered table-responsive">
                    <thead>
                        <tr>
                            <th></th>
                            <th>Particular</th>
                            <th>Accounting Code</th>
                            <th>Accounting Name</th>
                            <th>Remove</th>
                        </tr>
                    </thead>
                    <tbody>
                                                @if(count($getparticulars)>0)
                        @foreach($getparticulars as $getparticular)
                        <tr>
                            <td>{{++$x}}</td>
                            <td>{{$getparticular->subsidiary}}</td>
                            <td>{{$getparticular->accounting_code}}</td>
                            <td>{{$getparticular->accounting_name}}</td>
                            <td><a href="{{ url('/accounting',array('removeparticular',$getparticular->id)) }}" onclick="return confirm('Are You Sure?');" class="btn btn-danger"><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>
        $("#add").hide();
        $('#create').on('click', function () {
            $("#add").show();
        });
        
        var table = $('#subsidiary').DataTable({
            "scrollX": true
        });

        $('.select2').select2();
        $('.select2').select2({ width: 'resolve' }); 

        $("#search").keypress(function (e) {
            var ev = e.keyCode || event.which
            if (ev == 13) {

                var array = {};
                array['search'] = $("#search").val();
                $.ajax({
                    type: 'GET',
                    url: '/accounting/ajax/getsubsidiary',
                    data: array,
                    success: function (data) {
                        $('#displaysubsidiary').html(data);
                        $('#search').val("");
                    }
                });

                e.preventDefault();
                return false;
            }
        });
</script>
@stop