@extends('layouts.admin')
@section('content')
<script type="text/javascript" src="{{ URL::asset('js/select2.min.js') }}"></script>
<link href="{{ URL::asset('css/select2.css') }}" media="all" rel="stylesheet" type="text/css"/>

<div class="pageheader">
    <div class="media">
        <div class="media-body">
            <h4>Shipping Slots</h4>
            <ul class="breadcrumb">
                <li><a href="{{ URL::to('admin/dashboard') }}"><i class="fa fa-home"></i> @lang('messages.Home')</a></li>
                <li>Shipping Slots</li>
            </ul>
        </div>
    </div>
</div>

<div class="content">
    <div class="row">
        <div class="portlet box green">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-plus"></i>Create Shipping Slot
                </div>
            </div>
            <div class="portlet-body form">
               {!! Form::open(array('class'=>'form-horizontal','id'=>'slot_form')) !!}
                    <div class="px-md-5">
                        <div class="form-body">
                            @foreach($lists as $key => $value)
                                <div>
                                    <input type="hidden" name="id-{{ $key+1 }}" value="{{ $value->id }}">
                                    <label for="" class="bg-black text-white px-3 py-2">slot {{ $key+1 }}</label>
                                </div>
                                <div class="d-flex justify-content-around">
                                    <div class="form-group mr-2">
                                        <label for="">From Amount {{ $key+1 }}</label>
                                        <input type="text" name="from_amount_{{ $key+1 }}" placeholder="from amount" class="form-control" value="{{ $value->from_amount }}" onkeypress='validate(event)' maxlength="8">
                                    </div>
                                    <div class="form-group mr-2">
                                        <label for="">To Amount {{ $key+1 }}</label>
                                        <input type="text" name="to_amount_{{ $key+1 }}" placeholder="to amount" class="form-control" value="{{ $value->to_amount }}" onkeypress='validate(event)' maxlength="8">
                                    </div>
                                    <div class="form-group">
                                        <label for="">Delivery Charge {{ $key+1 }}</label>
                                        <input type="text" name="delivery_charge_{{ $key+1 }}" placeholder="delivery charge" class="form-control" value="{{ $value->delivery_charge }}" onkeypress='validate(event)' maxlength="8">
                                    </div>
                                </div>
                            @endforeach
                            <div>
                                <button type="button" id="btnCancel" value="" class="btn btn-danger" onclick="window.location='{{ url('/admin/shipping-slots/detail') }}'">@lang('messages.Reset')</button>
                                <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>
                            </div>
                        </div>
                    </div>
               {!! Form::close() !!}
        </div>
    </div>
</div>
<script>
    $(document).ready(function() {
        $('#slot_form').submit(function (e) {
            e.preventDefault();
            $("#btnSubmit").attr("disabled", true);
            $('#btnCancel').attr("disabled", true);
            $('#btnSubmit').button('loading');
            var token, url, data, id;
            token = $('meta[name="csrf-token"]').attr('content');
            url = '{{url('admin/shipping-slots/update')}}';
            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/shipping-slots/detail')}}';
                        $(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');
                }
            });
        });
    });

    function validate(evt) {
        var theEvent = evt || window.event;
        if (theEvent.type === 'paste') {
            key = event.clipboardData.getData('text/plain');
        } else {
            var key = theEvent.keyCode || theEvent.which;
            key = String.fromCharCode(key);
        }
        var regex = /[0-9]|\./;
        if( !regex.test(key) ) {
            theEvent.returnValue = false;
            if(theEvent.preventDefault) theEvent.preventDefault();
        }
    }

</script>
@endsection