@foreach (config('translatable.locales') as $locale)
<h6><i class="step-icon feather icon-flag"></i> {{ LaravelLocalization::getSupportedLocales()[$locale]['native'] }}</h6>
<fieldset>
	<div class="form-group">
		<div class="row">
			<label class="font-medium-1 col-md-2">{{ trans('dashboard.'.$locale.'.name') }} <span class="text-danger">*</span></label>
			<div class="col-md-10">
				{!! Form::text($locale."[name]", isset($driver_package) ? @$driver_package->translate($locale)->name : null, ['class' => 'form-control' , 'placeholder' => trans('dashboard.'.$locale.'.name')]) !!}
			</div>
		</div>
	</div>
	<div class="form-group">
		<div class="row">
			<label class="font-medium-1 col-md-2">{{ trans('dashboard.'.$locale.'.desc') }} <span class="text-danger">*</span></label>
			<div class="col-md-10">
				{!! Form::textarea($locale."[desc]", isset($driver_package) ? @$driver_package->translate($locale)->desc : null, ['class' => 'form-control' , 'placeholder' => trans('dashboard.'.$locale.'.desc')]) !!}
			</div>
		</div>
	</div>
</fieldset>
@endforeach
<h6><i class="step-icon feather icon-settings"></i> {{ trans('dashboard.general.public_data') }}</h6>
<fieldset>
{{-- <div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <div class="custom-control custom-checkbox">
                    <input type="checkbox" value="1" name="is_default" @if(isset($driver_package) && $driver_package->is_default) checked @endif class="custom-control-input default_package_checked" id="default_package_checked"/>
                    <label class="custom-control-label" for="default_package_checked">{!! trans('dashboard.driver_package.is_default') !!}</label>
                </div>
            </div>
        </div>
    </div>
</div> --}}
<div class="form-group package_inputs">
    <div class="row">
        <div class="form-group col-md-12">
            <label class="form-label" for="modern-driver_package">{{ trans('dashboard.driver_package.package_type') }} <span class="text-danger">*</span></label>
            {!! Form::select('duration_type', ['day' => trans('dashboard.driver_package.duration_types.day'),'month' => trans('dashboard.driver_package.duration_types.month'), 'year' => trans('dashboard.driver_package.duration_types.year')], isset($driver_package) ? trans('dashboard.driver_package.duration_types.').$driver_package->duration_types : null , ['class' => 'form-control' , 'placeholder' => trans('dashboard.driver_package.duration_type') , 'id' => 'modern-duration_type']) !!}
        </div>
    </div>
</div>
<div class="package_inputs">
    <div class="form-group">
        <div class="row">
            <label class="font-medium-1 col-md-2">{{ trans('dashboard.driver_package.driver_package_price') }} <span class="text-danger">*</span></label>
            <div class="col-md-4">
                <div class="input-group input-group-lg" style="width: 100%;">
                    {!! Form::text('package_price', null , ['class' => "touchspin", 'data-bts-decimal'=>"0",'data-bts-step' => "0.1" ,'data-bts-decimals' => "2"]) !!}
                </div>
            </div>
            <label class="font-medium-1 col-md-2">{{ trans('dashboard.driver_package.commission') }} <span class="text-danger">*</span></label>
            <div class="col-md-4">
                <div class="input-group input-group-lg" style="width: 100%;">
                    {!! Form::text('commission', null , ['class' => "touchspin" ,'data-bts-step' => "0.1" ,'data-bts-decimals' => "2"]) !!}
                </div>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="row">
            <label class="font-medium-1 col-md-2">{{ trans('dashboard.driver_package.duration') }} <span class="text-danger">*</span></label>
            <div class="col-md-4">
                <div class="input-group input-group-lg" style="width: 100%;">
                    {!! Form::text('duration', null , ['class' => "touchspin"]) !!}
                </div>
            </div>
            <label class="font-medium-1 col-md-2">{{ trans('dashboard.driver_package.add_free_duration') }}</label>
            <div class="col-md-4">
                <div class="input-group input-group-lg" style="width: 100%;">
                    {!! Form::text('free_duration', null , ['class' => "touchspin"]) !!}
                </div>
            </div>

        </div>
    </div>
		<div class="form-group package_inputs">
		    <div class="row">
		        <div class="form-group col-md-12">
		            <label class="form-label" for="modern-driver_package">{{ trans('dashboard.driver_package.free_duration_type') }} <span class="text-danger">*</span></label>
		            {!! Form::select('free_duration_type', ['day' => trans('dashboard.driver_package.duration_types.day'),'month' => trans('dashboard.driver_package.duration_types.month'), 'year' => trans('dashboard.driver_package.duration_types.year')], isset($driver_package) ? trans('dashboard.driver_package.duration_types.').$driver_package->duration_types : null , ['class' => 'form-control' , 'placeholder' => trans('dashboard.driver_package.free_duration_type') , 'id' => 'modern-duration_type']) !!}
		        </div>
		    </div>
		</div>

    <div class="form-group">
        <div class="row">
            <label class="font-medium-1 col-md-2">{{ trans('dashboard.driver_package.extend_duration') }}</label>
            <div class="col-md-4">
                <div class="input-group input-group-lg" style="width: 100%;">
                    {!! Form::text('extend_duration', null , ['class' => "touchspin"]) !!}
                </div>
            </div>


            <label class="font-medium-1 col-md-2">{{ trans('dashboard.driver_package.discount_percent') }}</label>
            <div class="col-md-4">
                <div class="input-group input-group-lg" style="width: 100%;">
                    {!! Form::text('discount_percent', null , ['class' => "touchspin" ,'data-bts-step' => "0.1" ,'data-bts-decimals' => "2"]) !!}
                </div>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="row">
            <label class="font-medium-1 col-md-2">{{ trans('dashboard.driver_package.date.discount_start') }} </label>
            <div class="col-md-4">
                {!! Form::date("start_discount_at", isset($driver_package) && $driver_package->start_discount_at ? $driver_package->start_discount_at->format("m/d/Y") : null , ['class' => 'form-control expire_date' , 'placeholder' => trans('dashboard.driver_package.start_at')])
                !!}
            </div>
            <label class="font-medium-1 col-md-2">{{ trans('dashboard.driver_package.date.discount_end') }} </label>
            <div class="col-md-4">
                {!! Form::date("end_discount_at", isset($driver_package) && $driver_package->end_discount_at ? $driver_package->end_discount_at->format("m/d/Y") : null , ['class' => 'form-control expire_date' , 'placeholder' => trans('dashboard.driver_package.end_at')]) !!}
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="row">
            <label class="font-medium-1 col-md-2">{{ trans('dashboard.driver_package.date.extend_start') }} </label>
            <div class="col-md-4">
                {!! Form::date("start_extend_at", isset($driver_package) && $driver_package->start_extend_at ?$driver_package->start_extend_at->format("m/d/Y") : null, ['class' => 'form-control expire_date' , 'placeholder' => trans('dashboard.driver_package.start_at')])
                !!}
            </div>
            <label class="font-medium-1 col-md-2">{{ trans('dashboard.driver_package.date.extend_end') }} </label>
            <div class="col-md-4">
                {!! Form::date("end_extend_at", isset($driver_package) && $driver_package->end_extend_at ?$driver_package->end_extend_at->format("m/d/Y") : null , ['class' => 'form-control expire_date' , 'placeholder' => trans('dashboard.driver_package.end_at')]) !!}
            </div>
        </div>
    </div>
    <div class="form-group col-12">
        <label class="form-label" class="col-form-label col-lg-4">
            {{ trans('dashboard.driver_package.is_active_discount_stata') }}
        </label>
        <div class="demo-inline-spacing col-8" style="margin-right: 15%">
            <div class="custom-control custom-control-success custom-radio col-md-6">
                {!! Form::radio('is_discount_active', 1, isset($driver_package) && $driver_package->is_active_extend ? 'checked' : null , ['class' => 'custom-control-input' , 'id' => 'is_discount_active']) !!}
                <label class="custom-control-label" for="is_discount_active">{!! trans('dashboard.user.active') !!}</label>
            </div>
            <div class="custom-control custom-control-danger custom-radio">
                {!! Form::radio('is_discount_active', 0, isset($driver_package) && !$driver_package->is_active_extend ? 'checked' : null , ['class' => 'custom-control-input' , 'id' => 'is_not_discount_active']) !!}
                <label class="custom-control-label" for="is_not_discount_active">{!! trans('dashboard.user.not_active') !!}</label>
            </div>

        </div>
    </div>
    <div class="form-group col-12">
        <label class="form-label" class="col-form-label col-lg-4">
            {{ trans('dashboard.driver_package.is_active_extend_stata') }}
        </label>
        <div class="demo-inline-spacing col-8" style="margin-right: 15%">
            <div class="custom-control custom-control-success custom-radio col-md-6">
                {!! Form::radio('is_extend_active', 1, isset($driver_package) && $driver_package->is_active_extend ? 'checked' : null , ['class' => 'custom-control-input' , 'id' => 'is_extend_active']) !!}
                <label class="custom-control-label" for="is_extend_active">{!! trans('dashboard.user.active') !!}</label>
            </div>
            <div class="custom-control custom-control-danger custom-radio">
                {!! Form::radio('is_extend_active', 0, isset($driver_package) && !$driver_package->is_active_extend ? 'checked' : null , ['class' => 'custom-control-input' , 'id' => 'is_not_extend_active']) !!}
                <label class="custom-control-label" for="is_not_extend_active">{!! trans('dashboard.user.not_active') !!}</label>
            </div>

        </div>
    </div>
</div>
<div class="form-group col-12 package_inputs">
    <label class="form-label" class="col-form-label col-lg-4">
        {{ trans('dashboard.user.active_state') }}
    </label>
    <div class="demo-inline-spacing col-8" style="margin-right: 15%">
        <div class="custom-control custom-control-success custom-radio col-md-6">
            {!! Form::radio('is_active', 1, isset($driver_package) && $driver_package->is_active ? 'checked' : null , ['class' => 'custom-control-input' , 'id' => 'is_active']) !!}
            <label class="custom-control-label" for="is_active">{!! trans('dashboard.user.active') !!}</label>
        </div>
        <div class="custom-control custom-control-danger custom-radio">
            {!! Form::radio('is_active', 0, isset($driver_package) && !$driver_package->is_active ? 'checked' : null , ['class' => 'custom-control-input' , 'id' => 'is_not_active']) !!}
            <label class="custom-control-label" for="is_not_active">{!! trans('dashboard.user.not_active') !!}</label>
        </div>

    </div>
</div>
<div class="row package_inputs">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <div class="custom-control custom-checkbox">
                    <input type="checkbox" value="1" name="is_needed_wallet" @if(isset($driver_package) && $driver_package->is_needed_wallet) checked @endif class="custom-control-input is_needed_wallet" id="customCheck5"/>
                    <label class="custom-control-label" for="customCheck5">{!! trans('dashboard.driver_package.is_needed_wallet') !!}</label>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="form-group default_inputs" style="display:none">
    <div class="row">
        <label class="font-medium-1 col-md-2">{{ trans('dashboard.driver_package.order_price') }}</label>
        <div class="col-md-10">
            <div class="input-group input-group-lg" style="width: 100%;">
                {!! Form::text('order_price', null , ['class' => "touchspin"]) !!}
            </div>
        </div>
    </div>
</div>
<div class="form-group default_inputs" style="display:none">
    <div class="row">
        <label class="font-medium-1 col-md-2">{{ trans('dashboard.driver_package.number_of_free_orders_on_default_package') }}</label>
        <div class="col-md-10">
            <div class="input-group input-group-lg" style="width: 100%;">
                {!! Form::text('number_of_free_orders_on_default_package', null , ['class' => "touchspin"]) !!}
            </div>
        </div>
    </div>
</div>
<div class="form-group min-wallet" style="display:none">
    <div class="row">
        <label class="font-medium-1 col-md-2">{{ trans('dashboard.driver_package.min_wallet') }}</label>
        <div class="col-md-10">
            <div class="input-group input-group-lg" style="width: 100%;">
                {!! Form::text('min_wallet', null , ['class' => "touchspin"]) !!}
            </div>
        </div>
    </div>
</div>
<div class="form-group col-12 default_inputs" style="display:none">
    <label class="form-label" class="col-form-label col-lg-4">
        {{ trans('dashboard.user.active_state') }}
    </label>
    <div class="demo-inline-spacing col-8" style="margin-right: 15%">
        <div class="custom-control custom-control-success custom-radio col-md-6">
            {!! Form::radio('is_active', 1, isset($driver_package) && $driver_package->is_active ? 'checked' : null , ['class' => 'custom-control-input' , 'id' => 'is_activated']) !!}
            <label class="custom-control-label" for="is_activated">{!! trans('dashboard.user.active') !!}</label>
        </div>
        <div class="custom-control custom-control-danger custom-radio">
            {!! Form::radio('is_active', 0, isset($driver_package) && !$driver_package->is_active ? 'checked' : null , ['class' => 'custom-control-input' , 'id' => 'is_not_activated']) !!}
            <label class="custom-control-label" for="is_not_activated">{!! trans('dashboard.user.not_active') !!}</label>
        </div>

    </div>
</div>
<fieldset>

@section('page_styles')
<link rel="stylesheet" href="{{ asset('dashboardAssets') }}/{{ LaravelLocalization::getCurrentLocaleDirection() }}/css/plugins/forms/wizard.css">
@endsection
@section('vendor_scripts')
<script src="{{ asset('dashboardAssets') }}/vendors/js/extensions/jquery.steps.min.js"></script>
<script src="{{ asset('dashboardAssets') }}/vendors/js/forms/validation/jquery.validate.min.js"></script>

<script src="{{ asset('dashboardAssets') }}/vendors/js/forms/spinner/jquery.bootstrap-touchspin.js"></script>
<script src="{{ asset('dashboardAssets') }}/vendors/js/pickers/pickadate/picker.js"></script>
<script src="{{ asset('dashboardAssets') }}/vendors/js/pickers/pickadate/picker.date.js"></script>
@endsection
@section('page_scripts')
<script src="{{ asset('dashboardAssets') }}/js/scripts/forms/wizard-steps.js"></script>
<script src="{{ asset('dashboardAssets') }}/js/scripts/forms/number-input.min.js"></script>
<script>
	$('.touchspin').TouchSpin()
    {{-- if($('.is_needed_wallet').is(':checked')){
            $('.min-wallet').show('slow');
    } --}}
    $(".is_needed_wallet").on('change', function(){
        if($('.is_needed_wallet').is(':checked')){
            $('.min-wallet').show('slow');
        }else{
            $('.min-wallet').hide('slow');
        }
    });
    {{-- if($(".default_package_checked").is(':checked')){
            $('.min-wallet').show('slow');
            $('.default_inputs').show('slow');
            $('.package_inputs').slideToggle('slow');
        }
    $(".default_package_checked").on('change', function(){
        if($(".default_package_checked").is(':checked')){
            $('.min-wallet').show('slow');
            $('.default_inputs').show('slow');
            $('.package_inputs').slideToggle('slow');
        }
        if(!$(".default_package_checked").is(':checked')){
            $('.default_inputs').hide('slow');
            $('.package_inputs').slideToggle('slow');
            if(!$('.is_needed_wallet').is(':checked')){
                $('.min-wallet').hide();
            }
        }
    }); --}}
</script>
@endsection