@extends('layouts.admin')
@section('content')
    <div class="pageheader">
        <div class="media">
            <div class="media-body">
                <h4>@lang('messages.Edit 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.Edit 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.Edit Variant')
                        </div>
                    </div>
                    <div class="portlet-body form">

                        {!!Form::open(array('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',@$variant_list->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">
                                    @if($variant_list->status == "1")
                                                                            @else
                                                                            @endif
                                    <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.Update')</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/update-variant/'.$variant_list->id)}}';
                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