@extends('layouts.admin')

@section('title', 'หน้าจอเพิ่ม Order | เพิ่ม')

@section('content')


  <form action="{{ route("admin.stockvk.store") }}" method="POST" enctype="multipart/form-data">
      @csrf


    <div class="card">
        <div class="card-header">
            {{-- {{ trans('global.create') }} {{ trans('global.Torder_hd.title') }} --}}
            เพิ่มข้อมูล Master Item
        </div>

        <div class="card-body">



        <div class="row justify-content-left">

            <div class="col-lg-2">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XIPpeCode">เลขที่</label>
                    <input class="col-sm-12 form-control font-size" type="text" name="XIStVkID" id="XIStVkID" value="Auto" disabled="" style="font-size: 16px;">
                </div>
            </div>
            <div class="col-lg-3">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeOrderId">Number :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" type="text" name="XVOrderIn" id="XVOrderIn" placeholder="" style="font-size: 16px;">
                </div>
            </div>
            {{-- <div class="col-lg-2">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeContactName">Size :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" type="text" name="XVStVkSize" id="XVStVkSize" placeholder="" style="font-size: 16px;">
                </div>
            </div> --}}
            <div class="col-lg-2">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeContactName">Group :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    {{-- <input class="col-sm-12 form-control font-size" type="text" name="XVStVkSKUin" id="isXVStVkSKUin" placeholder=""  style="font-size: 16px;"> --}}
                    <select id="XVStVkSKUin" name="XVStVkSKUin" class="col-sm-12 form-control font-size" type="text" required="required" style="font-size: 16px;">
                        @foreach ($orders['gr1'] as $gr1)
                            <option value="{{ $gr1->gr_name }}">{{ $gr1->gr_name }} </option>
                        @endforeach
                    </select>
                    </div>
            </div>
            {{-- <input type="text" hidden> --}}
        </div>

        <div class="row justify-content-left">

            <div class="col-lg-3">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XIPpeCode">สี :</label>
                    <input class="col-sm-12 form-control font-size" type="text" name="XVStVkColor" id="XVStVkColor" placeholder="" style="font-size: 16px;">
                </div>
            </div>
            <div class="col-lg-2">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XIPpeCode">จำนวน :</label>
                    <input class="col-sm-12 form-control font-size" type="text" name="XIStVkNum" id="XIStVkNum" placeholder="จำนวนเริ่มต้น" style="font-size: 16px;">
                </div>
            </div>
            <div class="col-lg-2">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeOrderId">Cost :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" type="text" name="XFStVkCost" id="XFStVkCost" placeholder="" style="font-size: 16px;">
                </div>
            </div>
            <div class="col-lg-2">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeContactName">Price :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" type="text" name="XFStVkPrice" id="XFStVkPrice" placeholder="" style="font-size: 16px;">
                </div>
            </div>
            {{-- <div class="col-lg-3">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeContactName">SKU OUT :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" type="text" name="XVStVkSKUout" id="XVStVkSKUout" placeholder="Order IN" style="font-size: 16px;">
                </div>
            </div> --}}


        </div>

        <div class="row justify-content-left">
            <div class="col-lg-3">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVOrderMSeasion">Season :</label>
                    <select id="XISeasonCode" name="XISeasonCode" class="col-sm-12 form-control font-size" type="text" required="required" style="font-size: 16px;">
                    @foreach ($orders['season'] as $season)
                        <option value="{{ $season->XISeasonCode }}">{{ $season->XISeasonName }} </option>
                    @endforeach
                    </select>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XIForCode">แบบสำหรับ :</label>
                    <select id="XIForCode" name="XIForCode" class="col-sm-12 form-control font-size" type="text" required="required" style="font-size: 16px;">
                      @foreach ($orders['foruse'] as $foruse)
                        <option value="{{ $foruse->XIForCode }}">{{ $foruse->XVForType }} </option>
                      @endforeach
                    </select>
                  </div>
            </div>
            <div class="col-lg-3">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XIGenerateCode">แบบงาน :</label>
                    <select id="XIGenerateCode" name="XIGenerateCode" class="col-sm-12 form-control font-size order_detail" type="text" required="required" style="font-size: 16px;">
                      @foreach ($orders['forms'] as $forms)
                        <option value="{{ $forms->XIGenerateCode }}">{{ $forms->XVGenerateName }} </option>
                      @endforeach
                    </select>
                  </div>
            </div>
            <div class="col-lg-3">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XIShapeCode">ทรง :</label>
                    <select id="XIShapeCode" name="XIShapeCode" class="col-sm-12 form-control font-size order_detail" type="text" required="required" style="font-size: 16px;">
                      @foreach ($orders['shape'] as $shape)
                        <option value="{{ $shape->XIShapeCode }}">{{ $shape->XVShapeName }} </option>
                      @endforeach
                    </select>
                  </div>
            </div>
        </div>

    </div>
        <div class="card-footer">
            <div class="row">
                <div class="col">
                    <a href="{{route('admin.stockvk')}}" class="btn btn-danger active" role="button" aria-pressed="true">{{ trans('global.back') }}</a>
                </div>

                <div class="col text-right">
                    <input class="btn btn-success active" type="submit" value="{{ trans('global.save') }}">
                </div>
            </div>
        </div>
    </div>


</form>

<script type="text/javascript">
  var i = 0;
  var str;
  jQuery(function() {
        $('#XVOrderIn').change(function() {
            // $('#XVStVkSKUin').val( $('#XVOrderIn').val() + $('#XVStVkSize').val() )
            var x = $("#XVStVkSize").val()
            str = $(this).val() + x
            $('#isXVStVkSKUin').val(str)

        })
        $('#XVStVkSize').change(function() {
            var x = $("#XVOrderIn").val()
            str = x + $(this).val()
            $('#isXVStVkSKUin').val(str)
        })
  })





</script>


@endsection