@extends('adminlte::page')
@section('title', 'Size')

@section('content')
    <div class="top-header">
        <ol class="breadcrumb">
            <li><a href="#" >{{ __('auth.dashboard') }} / </a></li>
            <li><a href="{{ route('price-setup.index') }}"> {{ __('auth.price_setup') }} / </a></li>
            <li><a href="#"> {{ __('auth.create') }}</a></li>
        </ol>
    </div>

    <section class="content">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="card card-primary">
                        <div class="card-header">
                            <h3 class="card-title"><span class="fa fa-exclamation-triangle"></span>{{__('auth.price_setup')}} <i>({{__('auth.fields_in_red_are_required')}})</i></h3>
                        </div>

                        {!! Form::open(array('route'=>'price-setup.store','method'=>'POST')) !!}
                            <div class="card-body">
                                <div class="form-group row">
                                    <label class="col-sm-2 col-form-label required">{{__('auth.size')}}</label>
                                    <div class="col-sm-10">
                                        {!! Form::select('size_id',$size,null,['class' => 'form-control select2','placeholder' => __('auth.please_select'), 'required']) !!}  
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-2 col-form-label required">{{__('auth.transportation_type')}}</label>
                                    <div class="col-sm-10">
                                        {!! Form::select('type_id',$type,null,['class' => 'form-control select2','placeholder' => __('auth.please_select'), 'required']) !!}  
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-2 col-form-label required">{{__('auth.from_qty')}}</label>
                                    <div class="col-sm-10">
                                        {!! Form::text('from_qty',null,array('placeholder'=>__('auth.from_qty'),'class'=>'form-control number-only','autocomplete' => 'off','required')) !!}
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-2 col-form-label required">{{__('auth.to_qty')}}</label>
                                    <div class="col-sm-10">
                                        {!! Form::text('to_qty',null,array('placeholder'=>__('auth.to_qty'),'class'=>'form-control number-only','autocomplete' => 'off','required')) !!}
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-2 col-form-label required">{{__('auth.price')}}</label>
                                    <div class="col-sm-10">
                                        {!! Form::text('price',null,array('placeholder'=>__('auth.price'),'class'=>'form-control number-only','autocomplete' => 'off','required')) !!}
                                    </div>
                                </div>

                                <div class="form-group col-sm-12 col-xs-12">
                                    <div class="col-sm-12">
                                        <table class="table table-borde red table-striped" id="property-table">
                                            <thead>
                                            <tr>
                                                <th></th>
                                                <th width="50%">{{__('auth.customer_level')}}</th>
                                                <th>{{__('auth.discount')}}</th>
                                                <th></th>
                                            </tr>
                                            </thead>
                                            <tbody id="tbody">
                                                <tr>
                                                    <td class="r-no">1</td>
                                                    <td>
                                                        {!! Form::select('level_id[]',$level,null,['class' => 'form-control','placeholder' => __('auth.please_select'), 'required']) !!}  
                                                    </td>
                                                    <td>
                                                        <input type="text" name="discount[]" class="form-control discount">
                                                    </td>
                                                    <td></td>
                                                </tr>
                                            </tbody>
                                        </table>
                
                                        <a class="f-add" id="add-new" href='javascript:void(0)'><i  class='nav-icon fas fa-plus'></i> Add New</a>
                                    </div>
                                </div>
                                
                                <div class="text-right">
                                    <button type="submit" class="btn btn-danger" onClick="javascript:history.go(-1)"><i class="fa fa-arrow-circle-left"></i> {{ __('auth.back')}}</button>
                                    <button type="submit" class="btn btn-info"><i class="fa fa-save"></i> {{ __('auth.save')}}</button>
                                </div>

                            </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('js')
    <script type="text/javascript">
        $(document).on('click', '#add-new', function(){
            let row =`
                    <tr>
                        <td class="r-no">1</td>
                        <td>
                            {!! Form::select('level_id[]',$level,null,['class' => 'form-control select2','placeholder' => __('auth.please_select'), 'required']) !!}  
                        </td>
                        <td>
                            <input type="text" name="discount[]" class="form-control discount">
                        </td>
                        <td><button type="button" class="btn btn-danger btn-sm remove_row"><span class="fa fa-times"></span></button></td>

                    </tr>
                    `;
            $('#tbody').append(row);
            updateNo();
            $('select').select2();
        });

        $(document).on('click', '.remove_row', function(){
            $(this).closest("tr").remove();
        });

        function updateNo()
        {
            $('.r-no').each(function (i,item) {
                $(this).text(i+1);
            });
        }
    </script>
@endsection