@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 Subsidiary Account</h3>
    </div> 
    <br>
    <div class="row">
        <div class="col-md-12" style="background-color:white;padding:10px;">
            <h4>New Subsidiary</h4>
            <form action="{{ url('/accounting/save/subdisidiary_account') }}" method="POST">
                {{csrf_field()}}
                <div class="form-group">
                    <label>Accounting Entry</label>
                    <select class="form form-control select2" width="100%" name='accounting_code' id="accounting_code">
                        @foreach($accounting_entry as $accounting_entries)
                        <option value="{{$accounting_entries->accounting_code}}">{{$accounting_entries->accounting_code}} - {{$accounting_entries->accounting_name}}</option>
                        @endforeach
                    </select>
                </div>
                <input type="hidden" class="form-control" name="o_subsidiary" id="o_subsidiary">
                <div class="form-group">
                    <label>Subsidiary</label>
                    <input type="text" class="form-control" name="subsidiary" id="subsidiary">
                    <p><i style="color:red">**Record with same name will be <b>updated</b>.</i></p>
                    </div>
                <div class="form-group col-md-offset-8">
                    <button type="submit" class="form-control btn-success btn"><b>Save Subsidiary</b></button>
                </div>
            </form>
        </div>
    </div>
    <hr>
    <div class="row">
        <div class="col-md-12">
            <div id="displaysubsidiary">
                <h4><strong>List of Subsidiaries</strong></h4>
                <table id="tblSubsidiary" width="100%" class="table table-bordered table-responsive">
                    <thead>
                        <tr>
                            <th></th>
                            <th>Accounting Code</th>
                            <th>Accounting Name</th>
                            <th>Subsidiaries</th>
                            <th>Update</th>
                            <th>Remove</th>
                        </tr>
                    </thead>
                    <tbody>
                                                @if(count($subsidiaries)>0)
                        @foreach($subsidiaries as $subsidiary)
                        <tr>
                            <td>{{++$x}}</td>
                            <td>{{$subsidiary->accounting_code}}</td>
                            <td>{{getAccountingName($subsidiary->accounting_code)}}</td>
                            <td>{{$subsidiary->subsidiary}}</td>
                            <td><a href="javascript:void(0)" onclick="setValue('{{$subsidiary->accounting_code}}','{{$subsidiary->subsidiary}}')"><b>Update</b></a></td>
                            <td><a href="{{ url('/accounting',array('remove_subsidiary',$subsidiary->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>
        $("#add").hide();
        $('#create').on('click', function () {
            $("#add").show();
        });
        
        var table = $('#tblSubsidiary').DataTable({
            "scrollX": true
        });

        $('.select2').select2();
        $('.select2').select2({ width: 'resolve' }); 
        
        function setValue(code,subsidiary){
            $("#accounting_code").val(code);
            $("#subsidiary").val(subsidiary);
            $("#o_subsidiary").val(subsidiary);
            $('.select2').select2();
        }
</script>
@stop