@extends('admin.layouts.container')

@section('content')
    <div class="side-title">
        <h3>{{ $head ?? ''}}</h3>
    </div>

    <div class="border-item">
        <form class="form-row" method="post" onsubmit="saveForm(this)" action="{{ $action }}" enctype="multipart/form-data">
            @if($package ?? ''  && $package->id)
                @method('PUT')
            @endif
            @csrf

            <div class="form-group col-lg-6">
                <label>{{ meta('cost', getCurrentLocale()) ?? __('packages.cost') }} </label>
                <input type="number" onkeyup="discountPercentage()" id="cost" class="form-control {{ $errors->has('cost') ? 'is-invalid' : '' }}" name="cost" placeholder="{{ meta('cost', getCurrentLocale()) ?? __('packages.cost') }}" value='{{ old("cost", $package->cost ?? "") }}'/>
            </div>
            <div class="form-group col-lg-6">
                <label>{{ meta('cost_discount', getCurrentLocale()) ?? __('packages.cost_discount') }} </label>
                <input type="number" onkeyup="discountPercentage()" id="cost_discount" class="form-control {{ $errors->has('cost_discount') ? 'is-invalid' : '' }}" name="cost_discount" placeholder="{{ meta('cost_discount', getCurrentLocale()) ?? __('packages.cost_discount') }}" value='{{ old("cost_discount", $package->cost_discount ?? "") }}'/>
            </div>
            <div class="form-group col-lg-6">
                <label>{{  __('packages.discountPercentage') }} </label>
                <p class="form-control" id="discountPercentage" style="height: auto"></p>
            </div>

            <div class="form-group col-lg-6">
                <label>{{ meta('points', getCurrentLocale()) ?? __('packages.points') }} </label>
                <input type="number" class="form-control {{ $errors->has('points') ? 'is-invalid' : '' }}" name="points" placeholder="{{ meta('points', getCurrentLocale()) ?? __('packages.points') }}" value='{{ old("points", $package->points ?? "") }}'/>
            </div>

            @foreach($languages as $language)

                <div class="form-group col-lg-6">
                    <label>{{ meta('title', $language->local) ?? __('packages.title') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                    <input type="text" class="form-control {{ $errors->has('title_'.$language->local) ? 'is-invalid' : '' }}" name="title_{{ $language->local }}" placeholder="{{ meta('title', $language->local) ?? __('packages.title') }}" value='{{ old("title_{$language->local}", $package[$language->local]->title ?? "") }}'/>
                </div>
            @endforeach
            @if($package ?? ''  && $package->id)
                <div class="form-group col-lg-6">
                    <label>{{  __('packages.subscriptions') }} </label>
                    <p class="form-control"  style="height: auto">{{$subscriptions}}</p>
                </div>
            @endif
            <div class="text-center mt-5 col-12">
                <button class="butn"><span>{{ __('dashboard.save') }}</span></button>
            </div>
        </form>
    </div>

@endsection

@section('inner_js')
    <!-- Editor JS orders -->
    <script src="{{ asset('/assets/admin/js/lib/tinymce.min.js') }}"></script>
    <script>
        function discountPercentage()
        {
            $('#discountPercentage').html('')
            let cost = parseFloat($('#cost').val())
            let cost_discount = parseFloat($('#cost_discount').val())
            if(cost_discount && cost)
            {
                if(cost_discount >= cost)
                {
                    $('#discountPercentage').html("{{__('packages.cannot_be_greater')}}")
                }
                else
                {
                    let percentage =  (cost - cost_discount) / cost
                    $('#discountPercentage').html((percentage * 100).toFixed(2) + '%' )
                }
            }
            else
            {
                $('#discountPercentage').html('')
            }
        }
        $('#cost_discount').trigger('keyup')
    </script>
    <script>
        let route_prefix = "{{ url(config('lfm.prefix')) }}",
            url = "{{url('/')}}/",
            currentLanguage = "{{getCurrentLocale()}}",
            imagePath = "{{asset('')}}";
    </script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>
    <script src="{{ asset('assets/admin/js/lfm.js') }}"></script>
    <script src="{{ asset('assets/admin/js/articles.js') }}"></script>
@endsection



