@extends('layouts.app')
@section('style')
<style>
    .v-select input[type=search], .v-select input[type=search]:focus {
        width: 50% !important;
    }
</style>
@stop
@section('content')
@include('inventories.modal')
<!-- BEGIN CONTENT BODY -->
<!-- END PAGE BAR -->
<div class="row">
    <div class="portlet light bg-inverse">
        <div class="portlet-title">
            <div class="caption">
                <i class="icon-equalizer font-green-haze"></i>
                <span class="caption-subject font-green-haze bold uppercase">@lang('layout.Edit') @lang('layout.Scale')</span>
            </div>
        </div>
        <div class="portlet-body form" id="scale">
            <!-- BEGIN FORM-->
            {!! Form::model($scale,['method' => 'PATCH','route' => ['scale.update',$scale->id],'files'=> true])!!}
            <div class="form-body">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12" style="box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px; margin-bottom: 10px; padding: 10px 0px;">
                        <div class="col-md-3">
                            <label class="control-label ">@lang('layout.RegistrationNumber'):</label>
                            {{Form::text('scale_id',null,['class' => 'form-control','min' =>'0','placeholder' => __('layout.RegistrationNumber')])}}
                        </div>
                        <div class="col-md-3">
                            <label class="control-label">@lang('layout.TruckNumber')</label>
                            {{Form::text('truckNo',null,['class' => 'form-control','v-validate' =>'','placeholder' => __('layout.TruckNumber')])}}
                        </div>
                        <div class="col-md-3">
                            <label class="control-label">@lang('layout.Goods')</label>
                            {{Form::text('goods',null,['class' => 'form-control','v-validate' =>'','placeholder' => __('layout.Goods')])}}
                        </div>
                        <div class="col-md-3">
                            <label class="control-label">@lang('layout.FullWeight')</label>
                            {{Form::text('fullWeight',null,['class' => 'form-control','v-validate' =>'','placeholder' => __('layout.FullWeight')])}}
                        </div>
                        <div class="col-md-3">
                            <label class="control-label">@lang('layout.EmptyWeight')</label>
                            {{Form::text('emptyWeight',null,['class' => 'form-control','v-validate' =>'','placeholder' => __('layout.EmptyWeight')])}}
                        </div>
                        <div class="col-md-3">
                            <label class="control-label">@lang('layout.NetWeight')</label>
                            {{Form::text('netWeight',null,['class' => 'form-control','v-validate' =>'','placeholder' => __('layout.NetWeight')])}}
                        </div>
                        <div class="col-md-3">
                            <label class="control-label">@lang('layout.Customer')</label>
                            {{Form::text('Customer',null,['class' => 'form-control','v-validate' =>'','placeholder' => __('layout.Customer')])}}
                        </div>
                        <div class="col-md-3">
                            <label class="control-label">@lang('layout.Driver')</label>
                            {{Form::text('Driver',null,['class' => 'form-control','v-validate' =>'','placeholder' => __('layout.Driver')])}}
                        </div>
                        <div class="col-md-3">
                            <label class="control-label">@lang('layout.TruckType')</label>
                            {{Form::text('truckType',null,['class' => 'form-control','v-validate' =>'','placeholder' => __('layout.TruckType')])}}
                        </div>
                        <div class="col-md-3">
                            <label class="control-label">@lang('layout.Origin')</label>
                            {{Form::text('origin',null,['class' => 'form-control','v-validate' =>'','placeholder' => __('layout.Origin')])}}
                        </div>
                        <div class="col-md-3">
                            <label class="control-label">@lang('layout.Destination')</label>
                            {{Form::text('destination',null,['class' => 'form-control','v-validate' =>'','placeholder' => __('layout.Destination')])}}
                        </div>
                        <div class="col-md-3">
                            <label class="control-label">@lang('layout.Operators')</label>
                            {{Form::text('Operator',null,['class' => 'form-control','v-validate' =>'','placeholder' => __('layout.Operators')])}}
                        </div>
                        <div class="col-md-3">
                            <label class="control-label">@lang('layout.WeightType')</label>
                            {{Form::text('weightType',null,['class' => 'form-control','v-validate' =>'','placeholder' => __('layout.WeightType')])}}
                        </div>
                        <div class="col-md-3">
                            <label class="control-label">@lang('layout.FullDate')</label>
                            <input type="text" name="fullDate" class="form-control date" placeholder="@lang('layout.FullDate')" value="{{convertDate($scale->fullDate)}}">
                        </div>
                        <div class="col-md-3">
                            <label class="control-label">@lang('layout.EmptyDate')</label>
                            <input type="text" name="emptyDate" class="form-control date" placeholder="@lang('layout.EmptyDate')" value="{{convertDate($scale->emptyDate)}}">
                        </div>
                        <div class="col-md-3">
                            <label class="control-label">@lang('layout.FullPrice')</label>
                            {{Form::text('fullPrice',null,['class' => 'form-control','v-validate' =>'','placeholder' => __('layout.FullPrice')])}}
                        </div>
                        <div class="col-md-3">
                            <label class="control-label">@lang('layout.EmptyPrice')</label>
                            {{Form::text('emptyPrice',null,['class' => 'form-control','v-validate' =>'','placeholder' => __('layout.EmptyPrice')])}}
                        </div>
                    </div>
                </div>
                <div class="form-actions">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row">
                                <div class="col-md-12 text-center">
                                    <button type="button" class="btn green" @click="handleSubmit($event)" >@lang('layout.Submit')</button>
                                    <a href="{{route('scale.index')}}" class="btn default"><i class="fa fa-mail-reply"></i> @lang('layout.Cancel')</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {{Form::close()}}
            </div>
        </div>
@endsection
@push('scripts')
<script src="{{url('/vue/sweetalert1.min.js')}}"></script>
<script src="{{url('/vue/vue-resource.js')}}"></script>
<script>
    @if(App::getLocale())
    Vue.use(VeeValidate, {
        locale: '{{App::getLocale()}}',
    });
    @else
    Vue.use(VeeValidate, {
        locale: 'en',
    });
    @endif
    var vu = new Vue({
        el: '#scale',
        data: {
            type: 'inventoryPart',
            iscost: true,
            errorMessage: '',
            showModal: false,
        },
        mounted(){},
        created:function(){},
        methods: {
            handleSubmit(e) {
                this.$validator.validate().then(valid => {
                    if (valid) {
                        regForm(e.target);
                    }
                });
            },
            onComplete: function () {
                document.getElementById("account-form").submit()
            },
            submit: function () {
                swal({
                    title: "Are you sure?",
                    text: "",
                    icon: "info",
                    buttons: true,
                    dangerMode: true,
                })
                .then((willDelete) => {
                    if (willDelete) {
                        document.getElementById("service-form").submit()
                    } else {}
                });
            },
        }
    });
</script>
@endpush