@extends('layouts.app')

@section('content')

<!-- BEGIN CONTENT -->
<div class="page-content-wrapper">
    <!-- BEGIN CONTENT BODY -->
    <div class="top_bar page-content">
        <div class="top_status_bar">
            <div id="top_progress_bar" class="progress_bar">
            </div>
        </div>
        <div class="breadcrumbs">
            <ul>

                <li><a class="breadcrumb_link" href="{{url('admin/dashboard')}}">HOME</a></li>
                <li><a href="#">Business Tax</a></li>

            </ul>
            <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
        </div>
    </div>

    <div class="page-content">
        <!-- BEGIN PAGE HEADER-->
        <!-- BEGIN PAGE BAR -->
        <div class="row">
            <div class="col-md-12">


                <div class="portlet setting_landing">
                    <div class="portlet-title" style="border-bottom: 0">
                        <div class="caption">
                            <h2>Business Taxes
                                <span>Setup business taxes in the salesoft ERP for your business</span>
                            </h2>
                        </div>
                        <div class="actions btn-set" style="background: #fff;  position: fixed;right: 17px;z-index: 1;">

                        </div>
                    </div>

                    <hr>

                    <div class="portlet-body">
                        <form class="form-horizontal form-row-seperated" action="{{route("admin.business-tax.store")}}" method="post" enctype="multipart/form-data" id="business_taxes">
                            @csrf
                            <div class="settings">
                                <!--------------------------------------1ST ROW --------------------------------------->


                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-4">
                                            <span class="main_title">Define Applicable taxes</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row each_row">
                                    <div class="col-md-12">

                                        <div class="col-md-4">

                                            <span class="sub_heading">What decimal points you need to use on your document and reports</span>
                                            <span class="sub_heading">Changes will be reflected across all linked Salesoft ERP applications</span>
                                        </div>
                                        <div class="col-md-1"></div>
                                        <div class="col-md-6">

                                            <div class="row">

                                                <div class="portlet-body">
                                                    <div class="products box">

                                                        <div class="header_tbl">
                                                            <div class="row">
                                                                <div class="col-md-12">

                                                                    <div class="col-md-3 row_header">Tax Type
                                                                    </div>
                                                                    <div class="col-md-3 row_header">
                                                                        Tax Name
                                                                    </div>
                                                                    <div class="col-md-2 row_header">Tax Rate (%)
                                                                    </div>
                                                                    <div class="col-md-3 row_header b4_del_header">
                                                                        Applicable For
                                                                    </div>
                                                                    <div class="col-md-1 del_header"></div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="row_wrap">

                                                           
                                                            <div class="row_inner_wrap add_new_row">
                                                                 @foreach($business_taxe as $item)
                                                                <div class="row" data-exist-row="1">
                                                                    <div class="col-md-12">
                                                                        <div class="col-md-3 inner_row">
                                                                            <select class="select2 select_tax select2-hidden-accessible tax_type validate" name="tax_type[]" tabindex="-1" aria-hidden="true">
                                                                                <option value=""></option>
                                                                                
                                                                                <option value="1" >Sales Tax</option>
                                                                                <option value="2" > Purchase Tax</option>
                                                                                
                                                                            </select>
                                                                        </div>
                                                                        <div class="col-md-3 inner_row ">
                                                                            <input type="text" name="tax_name[]" class="form-control validate tax_name" value="" autocomplete="off">
                                                                        </div>
                                                                        <div class="col-md-2 inner_row">
                                                                            <input type="text" name="tax_rate[]" value="" class="form-control just_number validate">
                                                                        </div>
                                                                        <div class="col-md-3 inner_row b4_del_header">
                                                                            <select class="select2 applicable_for select2-hidden-accessible validate" name="tax_description[]" tabindex="-1" aria-hidden="true">
                                                                                <option></option>
                                                                                <option value="1" >Applicable on all sales</option>
                                                                                <option value="2" >Applicable on all purchases </option>
                                                                            </select>
                                                                        </div>
                                                                        <input type="hidden" name="id[]" value="{{ $item->id }}">
                                                                        <div class="del_icon" data-id="{{$item->id}}">
                                                                            <i class="fa fa-trash-o del" aria-hidden="true" style="visibility: visible;"></i>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                   @endforeach
                                                                    <div class="row">
                                                                    <div class="col-md-12">
                                                                        <div class="col-md-3 inner_row">
                                                                            <select class="select2 select_tax select2-hidden-accessible tax_type" name="tax_type[]" tabindex="-1" aria-hidden="true">
                                                                                <option value=""></option>
                                                                                
                                                                                <option value="1">Sales Tax</option>
                                                                                <option value="2"> Purchase Tax</option>
                                                                                
                                                                            </select>
                                                                        </div>
                                                                        <div class="col-md-3 inner_row ">
                                                                            <input type="text" name="tax_name[]" class="form-control tax_name">
                                                                        </div>
                                                                        <div class="col-md-2 inner_row">
                                                                            <input type="number" name="tax_rate[]" class="form-control just_number tax_rate">
                                                                        </div>
                                                                        <div class="col-md-3 inner_row b4_del_header">
                                                                            <select class="select2 applicable_for select2-hidden-accessible tax_description" name="tax_description[]" tabindex="-1" aria-hidden="true">
                                                                                <option></option>
                                                                                <option value="1">Applicable on all sales</option>
                                                                                <option value="2">Applicable on all purchases </option>
                                                                            </select>
                                                                        </div>
                                                                        <input type="hidden" name="id[]" value="">
                                                                        <div class="del_icon hidden">
                                                                            <i class="fa fa-trash-o del" aria-hidden="true" style="visibility: visible;"></i>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                          
                                                          
                                                        </div>

                                                    </div>
                                                    <!-- END LIST OF PRODUCTS -->


                                                </div>
                                            </div>


                                        </div>
                                    </div>

                                </div>


                                <div class="row">

                                    <div class="col-md-7"></div>
                                    <div class="col-md-4">
                                        <input type="hidden" name="submit" value="1">

                                        <input type="submit" name="save" value="Save" class="btn theme_btn_round float_btn save_business_tax">

                                        <a href="{{route("admin.business-tax.index")}}" class="btn theme_btn_round cancel float_btn">Cancel</a>
                                    </div>

                                </div>

                            </div>
                        </form>


                    </div>


                </div>


            </div>

        </div>
    </div>
    <!-- Product Category Modal Begins -->
    @endsection


    @section('admin_css')
    <link href="{{asset('assets/global/plugins/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css"/>
    <link href="{{asset('assets/global/plugins/select2/css/select2-bootstrap.min.css')}}" rel="stylesheet" type="text/css"/>
    <link href="http://backoffice.evakopro.site/assets/global/css/settings.css" rel="stylesheet" type="text/css"/>
    <style type="text/css">
        .table-container{
            padding: 50px 0 0;
        }
        table.dataTable.no-footer {
            border: none;
        }
    </style>
    @stop

    @section('admin_js')
    <script src="{{asset('assets/global/plugins/select2/js/select2.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/general.js')}}"type="text/javascript"></script>
   @include('admin.js.business-tax')
  
    @stop