@extends('layouts.admin')
@section('content')
    <div class="pageheader">
        <div class="media">
            <div class="media-body">
                <h4>@lang('messages.Create New Variant')</h4>
                <ul class="breadcrumb">
                    <li><a href="{{ URL::to('admin/dashboard') }}"><i class="fa fa-home"></i> @lang('messages.Home')</a></li>
                    <li><a href="{{ URL::to('admin/variants') }}">@lang('messages.Variants')</a></li>
                    <li>@lang('messages.Create Variant')</li>
                </ul>
            </div>
        </div>
    </div>

    <div class="content">
        <div class="row">
            <div class="">
                <div class="portlet box green">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="fa fa-plus"></i>@lang('messages.Create Variant')
                        </div>
                    </div>
                    <div class="portlet-body form">

                        {!! Form::open(['class' => 'form-horizontal', 'id' => 'variant_form', 'files' => true]) !!}
                        <div class="form-body">

                            <div class='form-group'>
                                <div class='control-label col-md-3'>
                                    {{ Form::label('name_en', 'Variant Name') }}<span
                                        class='required asterisk' aria-required='true'>*</span>
                                </div>
                                <div class='col-md-4'>
                                    {!! Form::text('name_en', '', ['id' => 'name_en', 'class' => 'form-control',
                                    'placeholder' => 'variant name here...', 'maxlength'=>'250']) !!}
                                </div>
                            </div>
                            
                            <div class="form-group radio_checkbox">
                                <label class="control-label col-md-3">
                                    @lang('messages.Status')<span class="required asterisk" aria-required="true">*</span>
                                </label>
                                <div class="col-md-8">
                                    <input type="checkbox" class="" name="status" id="status" value="1">
                                    <label for="status" class="toogle">@lang('messages.Active')</label>
                                </div>
                            </div>

                            <div class="form-actions">
                                <div class="row">
                                    <div class="col-md-offset-3 col-md-9">
                                            <button type="submit" id="btnSubmit" value="submit"
                                                data-loading-text="<i class='fa fa-spinner fa-spin '></i> @lang('messages.Processing...')"
                                                class="btn btn-primary">@lang('messages.Save')</button>
                                        <button type="button" id="btnCancel" value="" class="btn btn-danger"
                                            onclick="window.location='{{ url('/admin/variants') }}'">@lang('messages.Cancel')</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>

                </div>
            </div>

        </div>
    </div>
    <script>
        $(document).ready(function() {
            $('#variant_form').submit(function(e) {
                e.preventDefault();
                $('#loader-wrapper').removeClass('loader');
                $("#btnSubmit").attr("disabled", true);
                $('#btnCancel').attr("disabled", true);
                $('#btnSubmit').button('loading');
                var token, url, data;
                token = $('meta[name="csrf-token"]').attr('content');
                url = '{{url('admin/variants/store-variant')}}';
                data = new FormData(this);
                $.ajax({
                    url: url,
                    headers: {
                        'X-CSRF-TOKEN': token
                    },
                    data: data,
                    processData: false,
                    contentType: false,
                    type: 'POST',
                    datatype: 'json',
                    success: function(resp) {
                        $('#loader-wrapper').addClass('loader');
                        $("#btnSubmit").attr("disabled", false);
                        $('#btnCancel').attr("disabled", false);
                        $('#btnSubmit').button('reset');
                        if (resp.http_code == 400) {
                            err_msg = resp.message.replace(/, \\n /g, '<br>');
                            toastr.error(err_msg);
                        } else if (resp.http_code == 200) {
                            toastr.success(resp.message);
                            var loc = '{{ url('admin/variants') }}';
                            $(location).attr('href', loc);
                        } else if (resp.http_code == 401) {
                            toastr.warning(resp.message);
                            var login = '{{ url('admin/login') }}';
                            $(location).attr('href', login);
                        } else if (resp.http_code == 500) {
                            toastr.warning(resp.message);
                        }
                    },
                    error: function(err) {
                        $("#btnSubmit").attr("disabled", false);
                        $('#btnCancel').attr("disabled", false);
                        $('#btnSubmit').button('reset');
                    }
                });
            });
        });
    </script>
@endsection