@extends('layouts.layout')
@section('title', 'Vat')
@include('scripts.setting_terms_script')
@include('scripts.settings')

@section('content')
@include('settings.setting_sidebar')
<div class="tab-content-wrap">
<div class="tab-pane" id="setVat">
            <form action="{{url('/setting/store-vat')}}" method="post" id="add-vat">
                @csrf
                <div class="pb-4">
                    <h3 class="pb-3">VAT</h3>
                    <h4>Add New VAT Rate</h4>
                </div>
                <div class="form-wrap form-wrap-custom row">
                    <div class="col-6 col-md-6">

                        <input type="text"  placeholder="" class="form-control" name="vat_percentage" id="vat_percentage" value="{{old('vat_percentage')}}">
                        <label for="vat_percentage">Vat Percentage*</label>
                    </div>
                    <div class="col-6">

                    </div>
                </div>

                <div class="row">
                    <div class="col-12 col-md-6">
                         <div class="form-wrap datepicker date input-group style-input">
                                <label for="valid_from" class="style-label @if(old('valid_from')) with-value @endif">Valid From*</label>
                                <input type="text" class="form-control datepicker-custom" id="valid_from"  name="valid_from" value="{{old('valid_from')}}" />
                                <div class="input-group-append">
                                    <i class="fas fa-calendar-alt"></i>
                                </div>
                            </div>
                    </div>
                    <div class="col-12 col-md-6">
                    <div class="form-wrap datepicker date input-group style-input">
                                <label for="valid_until" class="style-label @if(old('valid_until')) with-value @endif">Valid Until</label>
                                <input type="text" class="form-control datepicker-custom" id="valid_until"  name="valid_until" value="{{old('valid_until')}}" />
                                <div class="input-group-append">
                                    <i class="fas fa-calendar-alt"></i>
                                </div>
                            </div>
                    </div>
                </div>
                <div class="d-flex justify-content-end  pt-5">
                    <button type="submit" class="btn">Save VAT Rate</button>
                </div>
            </form>
            <div class="custom-hr my-4"></div>
            <h4 class="mb-4">Vat History</h4>
            <div class="table-custom-wrap">
                <table class="table table-striped table-bordered">
                    <thead>
                        <tr>
                            <th>Number</th>
                            <th>VAT</th>
                            <th>Valid From</th>
                            <th>Valid Till</th>
                            <th>Status</th>
                            <th>Created By</th>
                            <th>Date</th>
                        </tr>
                    </thead>
                    <tbody>
                        <!-- @php $i=0;@endphp
                        @if(!empty($setting_vat))
                        @foreach($setting_vat as $key=>$value)
                        <tr>
                            <td>{{$value['vat_percentage'].'%'}}</td>
                            <td>{{date('d/m/20y',strtotime($value['valid_from']))}}</td>
                            <td>{{date('d/m/20y',strtotime($value['valid_until']))}}</td>
                            <td>@if($key == $i) {{'Active'}} @else{{'Inactive'}} @endif</td>
                        </tr>
                        @endforeach
                        @endif -->
                    </tbody>
                </table>
            </div>
        </div>
        </div>

        <script type="text/javascript">
  $(function () {

    var table = $('.table-custom-wrap .table').DataTable({

        processing: true,
        language: {
            searchPlaceholder: "Search",
        },

        dom: '<"custom-table-info"<"custom-table-left"B><"custom-table-right"frlp>><"custom-table"t>p',
        language: {
            searchPlaceholder: "Search",
            "lengthMenu": '<select class="form-select">'+
            '<option value="10">Show: 10</option>'+
            '<option value="25">Show: 25</option>'+
            '<option value="50">Show: 50</option>'+
            '<option value="75">Show: 75</option>'+
            '<option value="-1">Show: All</option>'+
            '</select> '
        },
        serverSide: true,
        order: [],
        buttons: ["excel", "pdf", "print"],
        ajax: "{{ route('setting.vat') }}",
        columns: [
            {data:'DT_RowIndex',name:'DT_RowIndex'},
            { data: 'vat_percentage', name: 'vat_percentage'},
            {data: 'valid_from', name: 'valid_from'},
            {data: 'valid_until', name: 'valid_until'},
            {data: 'status',name: 'status'},
            {data: 'created_by',name: 'created_by'},
            {data: 'created_at',name: 'created_at'}
        ],
         fnDrawCallback: function (oSettings, json) {
            console.log("scroll");
           $("html, body").animate(
                {
                    scrollTop: $(".table-custom-wrap").offset().top,
                },
                "slow"
            );
            if($('.table-custom-wrap').find(".dataTables_paginate").eq(0).find('span').find("a").length > 1){
                $('.table-custom-wrap').find(".dataTables_paginate").show();
                }else{
                $('.table-custom-wrap').find(".dataTables_paginate").hide();
                }
        },
    });

  });
</script>
{!! JsValidator::formRequest('App\Http\Requests\SettingVat','#add-vat') !!}
<script src="{{ url('admin/js/setting.js') }}"></script>

@endsection