@extends('admin.layouts.app')
@section('title')
<title>{{ $formTitle }} &mdash; {{ config('app.name', 'Laravel') }}</title>
@endsection
@section('header-content')
<h1>{{ $formTitle }}</h1>
@include('admin.layouts.partials.breadcrumb-section')
@endsection
@section('content')    
<div class="card">
    <div class="card-body">
        <form method="post" name="app-version-form" id="app-version-form" action="{{ route('admin.app.version.submit') }}">
            @csrf
            <input type="hidden" name="uuid" value="{{ !empty($appversion->uuid)?$appversion->uuid:"" }}">
            <div class="row">
                <div class="col-12 col-md-4 col-lg-4">
                    <div class="form-group mb-35">
                        <label>{{ __('forms.appversion.title') }} <span class="required">*</span></label>
                        <input class="form-control {{ $errors->has('title') ? ' is-invalid' : '' }}" type="text" name="title" value="{{ !empty($appversion->title)?$appversion->title:"" }}" placeholder="Title*">
                        @if ($errors->has('title')) 
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $errors->first('title') }}</strong>
                        </span>
                        @endif
                    </div>
                </div>
                <div class="col-12 col-md-4 col-lg-4">
                    <div class="form-group mb-35">
                        <label>{{ __('forms.appversion.android') }} <span class="required">*</span></label>
                        <input class="form-control {{ $errors->has('android') ? ' is-invalid' : '' }}" type="text" name="android" value="{{ !empty($appversion->android)?$appversion->android:"" }}" placeholder="Android*">
                        @if ($errors->has('android')) 
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $errors->first('android') }}</strong>
                        </span>
                        @endif
                    </div>
                </div>
                <div class="col-12 col-md-4 col-lg-4">
                    <div class="form-group mb-35">
                        <label>{{ __('forms.appversion.ios') }} <span class="required">*</span></label>
                        <input class="form-control {{ $errors->has('ios') ? ' is-invalid' : '' }}" type="text" name="ios" value="{{ !empty($appversion->ios)?$appversion->ios:"" }}" placeholder="Ios*">
                        @if ($errors->has('ios')) 
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $errors->first('ios') }}</strong>
                        </span>
                        @endif
                    </div>
                </div>
                <div class="col-12 col-md-12 col-lg-12">
                    <div class="form-group mb-35">
                        <label>{{ __('forms.appversion.description') }} <span class="required"></span></label>
                        <textarea class="form-control {{ $errors->has('description') ? ' is-invalid' : '' }}" name="description" placeholder="Description">{{ !empty($appversion->description)?$appversion->description:"" }}</textarea>
                        @if ($errors->has('description')) 
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $errors->first('description') }}</strong>
                        </span>
                        @endif
                    </div>
                </div>

                <div class="col-12 col-md-12 col-lg-12">
                    <div class="form-group">
                        <label>
                            <input type="checkbox" name="is_active" @if (isset($appversion->is_active) && $appversion->is_active == 1) checked
                                @endif class="custom-switch-input">
                            <span class="custom-switch-indicator"></span>
                            <span class="custom-switch-description">{{ __('forms.appversion.active') }}</span>
                        </label>
                    </div>
                </div>
                <div class="col-12 col-lg-12">
                    <button id="submit_form" type="submit" class="btn btn-primary btn-submit">{{ __('general.submit') }}</button>
                    <button type="reset" class="btn btn-outline-secondary mr-1">{{ __('general.reset') }}</button>
                </div>
            </div>
        </form>
    </div>
</div>

@endsection

@section('page-script')
<script src="{!! asset('admin/js/jquery-validation/jsvalidation.min.js') !!}"></script>
<script type="text/javascript">
    $('#app-version-form').validate({
        rules: {
            'title': {
                required: true,
            },
            'android': {
                required: true
            },
            'ios': {
                required: true
            },
            'description': {
                required: true
            }
        }, messages: {
            title: {
                required: "{{ __('admin_message.title_required') }}"
            },
            android: {
                required: "{{ __('admin_message.android_ver_required') }}"
            },
            ios: {
                required: "{{ __('admin_message.ios_ver_required') }}"
            },
            description: {
                required: "{{ __('admin_message.description_required') }}"
            },
        },
        submitHandler: function(form) { // <- pass 'form' argument in
            $(".btn-submit").attr("disabled", true);
            form.submit(); // <- use 'form' argument here.
        }
    });
</script>
@endsection