@extends('admin.layouts.master')

@section('page_title')
    Users - New User
@endsection

@push('styles')
    <link rel="stylesheet" href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.0.3/css/buttons.dataTables.min.css">
@endpush

@section('page_content')
    <div class="page-content container-fluid">
        <div class="row">
            <div class="col-md-10 col-md-offset-1">
                <div class="panel" id="exampleWizardForm">
                    <div class="panel-heading">
                        <div class="panel-title">
                            <h3>Tax - New Tax Component</h3>
                        </div>
                    </div>
                    <div class="panel-body">
                        <form class="form-horizontal" method="POST" action="{{route('tax.store')}}">
                            @if(count($errors)>0)
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach($errors->all() as $error)
                                            <li>{{$error}}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif

                            @csrf

                            <div class="row" >
                                <div class="col-md-6">
                                    <div class="form-group {{ $errors->has('name') ? 'has-error' : '' }}">
                                        <label for="name" class="col-sm-3 control-label form-label ">Name<span
                                                style="color: red;"></span> </label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control " name="name" id="name" placeholder="Enter Name" value="{{old('name')}}">
                                        </div>
                                    </div>
                                    <div class="form-group {{ $errors->has('amount') ? 'has-error' : '' }}">
                                        <label for="username" class="col-sm-3 control-label form-label">Value  (%)<span
                                                style="color: red;">*</span> </label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" name="amount" min="1" step="0.01" id="username" placeholder="Enter Value" value="{{old('amount')}}">
                                        </div>
                                    </div>

                                    <div class="form-group {{ $errors->has('description') ? 'has-error' : '' }}">
                                        <label for="username" class="col-sm-3 control-label form-label">Description </label>
                                        <div class="col-sm-8">
                                            <textarea  class="form-control" name="description" >{{old('description')}}</textarea>
                                        </div>
                                    </div>

                            </div>
                            </div>
                            <div class="col-md-offset-5">
                                <button type="submit" id="saveBtn" class="btn btn-primary">Save</button>
                                <a id="cancelBtn" href="{{route('admin.users')}}" class="btn btn-default">Cancel</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        $('#currency_id').on('change', function() {
            var val = this.value;
            $.ajax({
                url: "{{route('admin.get_currency_abbr')}}",
                type: 'POST',
                data: {
                    _token: token,
                    id: val
                },
                dataType: "json",
                success: function (result, status, xhr) {
                    $('.currAbbr').text("("+result.value+")");
                },
                error: function (result, status, xhr) {
                    alert('An error occurred while fetching log details!');
                    console.log(result);
                }
            });
        })
        $('#role').on('change', function() {
            var val = this.value;
            if(val == 'user') {
                $('#resellerDiv').slideDown();
            } else {
                $('#resellerDiv').slideUp();
            }
        })
        @if(old('role')=='user')
        $('#resellerDiv').slideDown();
        @else
        $('#resellerDiv').slideUp();
        @endif
    </script>
@endpush