@extends('layouts.app-hr')
@section('content')
    <?php Fun::lang()?>
    <div class="top-header">
        <ol class="breadcrumb">
            <li><a href="#">{{__('administrator.Dashboard')}}</a></li>
        </ol>
    </div>
    <div class="page">
        <div class="top-content">
            <div class="row">
                <div class="col-sm-12 col-xs-12">
                    <div class="title-add">
                        <div class="pull-left">
                            <h3>{{__('administrator.salary_tax')}}</h3>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        {!! Form::open(array('route' => 'salary-tax.store','method'=>'POST')) !!}
        <div class="row">
            <div class="col-sm-12">
                <div class="master-form ">
                    <div class="title-note">
                        <h3><span class="fa fa-exclamation-triangle"></span> {{__('administrator.salary_tax')}}
                            <i>({{__('administrator.fields_in_red_are_required')}})</i></h3>
                    </div>
                    <div class="col-sm-offset-3 col-sm-6">
                        <div class="form-group col-sm-12 col-xs-12">
                            <div class="col-sm-3 col-xs-12 ">
                                <label class="required"  for="name">{{__('administrator.name')}}</label>
                            </div>
                            <div class="col-sm-8">
                                {!! Form::text('name', null, array('class' => 'form-control', 'required')) !!}
                            </div>
                        </div>
                        
                        <div class="form-group col-sm-12 col-xs-12">
                            <table width="100%" class="table">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Rate(%)</th>
                                        <th>From Salary ( ៛ )</th>
                                        <th>To Salary ( ៛ )</th>
                                        <th>( + )</th>
                                        <th>( - )</th>
                                        <th style="width: 50px;">
                                            <button type="button" class="add_new btn button_success"><i class="fa fa-plus"></i></button>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody class="tbody-salary-tax">

                                </tbody>
                            </table>
                        </div>


                        <div class="col-sm-11 col-xs-12">
                            <div class="form-group footer-save">
                                <button type="submit" class=" button_primary pull-right"><span
                                            class="fa fa-save"></span> {{__('administrator.save')}}</button>
                                <button type="button" onClick="history.go(-1)"
                                        class=" button_warning pull-right">
                                    <span class=" fa fa-arrow-circle-left"></span> {{__('administrator.back')}}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {!! Form::close() !!}
    </div>
@endsection
@section('script')
    <script>
        $(document).ready(function(){
            $(document).on('click', '.add_new', function(){
                var row =  `<tr>
                                <td class="r-no"></td>
                                <td><input type="number" name="rate[]" value="" class="form-control" required></input></td>
                                <td><input type="number" name="from_salary[]" value="" class="form-control" required></input></td>
                                <td><input type="number" name="to_salary[]" value="" class="form-control" required></input></td>
                                <td><input type="number" name="add[]" value="" class="form-control" required></input></td>
                                <td><input type="number" name="minus[]" value="" class="form-control" required></input></td>
                                <td><button type="button" class="remove_row btn button_danger"><i class="fa fa-trash"></i></button></td>
                            </tr>`;
                $('.tbody-salary-tax').append(row);
                updateNo();
            });
        });

        $(document).ready(function () {
            $(document).on('click', '.remove_row', function () {
                var index_ = $(this).data('index');
                $(this).closest('tr').remove();
            });
        });

        function updateNo() 
        {
            $('.r-no').each(function (i,item) {
                $(this).text(i+1);
            });
        }
    </script>
@endsection



