@extends('layouts.admin')

@section('title',env('APP_NAME') . ' | แผงควบคุมแอดมิน')

@section('content')
    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-header text-white bg-dark">
                    กำหนดอุปกรณ์ให้กับ Order
                </div><!--card-header-->
                <div class="card-body">
                    <div class="col text-right">
                        <a class="btn btn-secondary ml-1 col-1" href="#" role="button">บันทึก</a>
                        <a class="btn btn-secondary ml-1 col-1" href="#" role="button">ยกเลิก</a>
                    </div><!--end col-->
                   
                    <hr>
                    <div class="form-row"  style="margin-right:35px">
                        <div class="form-group col-md-4">
                                
                        </div>
                        <div class="form-group col-md-2">
                        <label for="text">เลขที่เอกสาร/</label>
                        <input type="text" class="form-control text-right" id="" placeholder="5662001" >
                        </div>
                        <div class="form-group col-md-2">
                            <label for="text">วันที่สร้าง order/</label>
                            <input type="" class="form-control" id="text" placeholder="xx/xx/xxxx">
                        </div>
                        <div class="form-group col-md-2">
                            <label for="text">วันที่อนุมัติ:</label>
                            <input type="text" class="form-control"  placeholder="xxxxxxx">
                        </div>
                        <div class="form-group col-md-2">
                            <label for="text">Item No:</label>
                            <input type="text" class="form-control"  placeholder="xxxxxxxxxxxx">
                        </div>
                    </div>
                    <div class="form-row"> 
                                    
                        <div class="form-group col-md-2" style="margin-left:50px">
                            <label for="text">Season/</label>
                            <input type="text" class="form-control text-left " placeholder="SUMMER">
                        </div>
                        <div class="form-group col-md-2">
                            <label for="text">ชื่อลูกค้า/</label>
                            <input type="text" class="form-control text-left"  placeholder="Lotus">
                        </div>
                        <div class="form-group col-md-2">
                            <label for="text">สำหรับ/</label>
                            <input type="text" class="form-control text-left"  placeholder="ผู้ชาย">
                        </div>
                        <div class="form-group col-md-2">
                            <label for="text">เเบบงาน/</label>
                            <input type="text" class="form-control text-left"  placeholder="กางเกงขายาว">
                        </div>
                        <div class="form-group col-md-3">
                            <label for="text">ทรง/</label>
                            <input type="text" class="form-control text-left"  placeholder="Slim">
                        </div>
                </div><!--card-body-->
                <div class="col-lg-12">
                    <div class="card ">
                        <div class="card-header text-white bg-secondary">
                            จำนวนที่สั่ง
                        </div>
                        <div class="card-body">
                            <table class="table table-bordered ">
                                    <thead class="text-white bg-secondary">
                                        <tr>
                                        <th scope="col">Size</th>
                                        <th scope="col">28</th>
                                        <th scope="col">30</th>
                                        <th scope="col">32</th>
                                        <th scope="col">34</th>
                                        <th scope="col">36</th>
                                        <th scope="col">38</th>
                                        <th scope="col" style="width:400px">Total</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                        <th scope="row">ออเดอร์ไทย</th>
                                        <td>150</td>
                                        <td>250</td>
                                        <td>250</td>
                                        <td>250</td>
                                        <td>200</td>
                                        <td>100</td>
                                        <td>1200</td>
                                        </tr>
                                        <tr>
                                        <th scope="row">ตัดเพื่อ 5%</th>
                                        <td>8</td>
                                        <td>13</td>
                                        <td>13</td>
                                        <td>13</td>
                                        <td>10</td>
                                        <td>5</td>
                                        <td>60</td>
                                        </tr>
                                        <tr>
                                        <th scope="row">รวม</th>
                                        <td>158</td>
                                        <td>263</td>
                                        <td>263</td>
                                        <td>263</td>
                                        <td>210</td>
                                        <td>105</td>
                                        <td>1260</td>
                                        </tr>
                                    </tbody>
                                </table>
                        </div><!--card body-->
                    </div><br><!--card ผ้า-->
                </div><!--div-->
                <div  class="row">
                    <div class="form-group col-md-4">
                        <label for="text">สถานที่เย็บ หน้าหลัง/</label>
                        <input type="text" class="form-control text-left"  placeholder="พระราม2">
                    </div>
                    <div class="form-group col-md-4">
                        <label for="text">สถานที่เย็บ รวมตัว/</label>
                        <input type="text" class="form-control text-left"  placeholder="พระราม2">
                    </div>
                    <div class="form-group col-md-4">
                        <label for="text" >สถานที่เย็บ ฟอก/</label>
                        <input type="text" class="form-control text-left"  placeholder="บ.ตะวันการฟอก"  >
                    </div>
                </div>
                <div class="col-lg-12" >
                    <div class="card ">
                        <div class="card-header text-white bg-secondary">
                            รายการอุปกรณ์
                        </div>
                        <div class="card-body">
                            <div class="form row">
                                <div class="col-1" style="width:60px;margin-left:15px">
                                    <label for="formGroupExampleInput2">รหัส :</label>
                                    <div class="form-group ">
                                        <select id="inputState" class="form-control">
                                            <option selected></option>
                                            <option>...</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-2" style="width:147px;margin-left:5px">
                                    <label for="text" >ชื่อ :</label>
                                    <input type="text" class="form-control text-left"  placeholder="ป้ายกระดาษขอบเอว"readonly >
                                </div>
                                <div class="col-2" style="width:231px;margin-left:5px;margin-top:28px">
                                    <input type="text" class="form-control text-left"  placeholder="-"readonly >
                                </div>
                                <div class="col-2" style="width:50px;margin-left:2px">
                                    <label for="formGroupExampleInput2">ใช้กับ :</label>
                                    <div class="form-group ">
                                        <select id="inputState" class="form-control">
                                            <option selected>28</option>
                                            <option>...</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-2" style="width:50px;margin-left:2px">
                                    <label for="text" >จำนวน :</label>
                                    <input type="text" class="form-control text-left"  placeholder="158" >
                                </div>
                                <div class="col-2" style="width:176px;margin-left:2px">
                                    <label for="formGroupExampleInput2">เเผนกที่ใช้ :</label>
                                    <div class="form-group ">
                                        <select id="inputState" class="form-control">
                                            <option selected>Packing</option>
                                            <option>...</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <table class="table table-bordered ">
                                <thead class="text-white bg-secondary">
                                    <tr>
                                        <th scope="col" style="width:60px">รหัส</th>
                                        <th scope="col" style="width:150px">ชื่อ</th>
                                        <th scope="col">รายละเอียด</th>
                                        <th scope="col" style="width:50px">ใช้กับ</th>
                                        <th scope="col"  style="width:60px">จำนวน</th>
                                        {{-- <th scope="col "style="width:90px">ราคาต่อหน่วย</th>
                                        <th scope="col" style="width:80px">รวม</th> --}}
                                        <th scope="col">เเผนกที่เบิก</th>
                                        <th scope="col" style="width:70px">Option</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <th scope="row">xxx</th>
                                        <td>WASH CARE</td>
                                        <td>เเบบสอด/ทอ</td>
                                        <td>28</td>
                                        <td>158</td>
                                        {{-- <td>0.15</td>
                                        <td>23.70</td> --}}
                                        <td>เย็บ</td>
                                        <td class="text-center"><a href="#"><button type="button" class="btn btn-secondary col-sm-12">ลบ</button></a></td>
                                    </tr>
                                    <tr>
                                        <th scope="row">xxx</th>
                                        <td>WASH CARE</td>
                                        <td>เเบบสอด/ทอ</td>
                                        <td>30</td>
                                        <td>263</td>
                                        {{-- <td>39.45</td>
                                        <td>23.70</td> --}}
                                        <td>เย็บ</td>
                                        <td class="text-center"><a href="#"><button type="button" class="btn btn-secondary col-sm-12">ลบ</button></a></td>
                                    </tr>
                                    <tr>
                                        <th scope="row">xxx</th>
                                        <td>WASH CARE</td>
                                        <td>เเบบสอด/ทอ</td>
                                        <td>32</td>
                                        <td>263</td>
                                        {{-- <td>0.15</td>
                                        <td>39.45</td> --}}
                                        <td>เย็บ</td>
                                        <td class="text-center"><a href="#"><button type="button" class="btn btn-secondary col-sm-12">ลบ</button></a></td>
                                    </tr>
                                    <tr>
                                        <th scope="row">xxx</th>
                                        <td>WASH CARE</td>
                                        <td>เเบบสอด/ทอ</td>
                                        <td>34</td>
                                        <td>263</td>
                                        {{-- <td>0.15</td>
                                        <td>39.45</td> --}}
                                        <td>เย็บ</td>
                                        <td class="text-center"><a href="#"><button type="button" class="btn btn-secondary col-sm-12">ลบ</button></a></td>
                                    </tr>
                                    <tr>
                                        <th scope="row">xxx</th>
                                        <td>WASH CARE</td>
                                        <td>เเบบสอด/ทอ</td>
                                        <td>36</td>
                                        <td>210</td>
                                        {{-- <td>0.15</td>
                                        <td>31.50</td> --}}
                                        <td>เย็บ</td>
                                        <td class="text-center"><a href="#"><button type="button" class="btn btn-secondary col-sm-12">ลบ</button></a></td>
                                    </tr>
                                    <tr>
                                        <th scope="row">xxx</th>
                                        <td>WASH CARE</td>
                                        <td>เเบบสอด/ทอ</td>
                                        <td>38</td>
                                        <td>105</td>
                                        {{-- <td>0.15</td>
                                        <td>15.75</td> --}}
                                        <td>เย็บ</td>
                                        <td class="text-center"><a href="#"><button type="button" class="btn btn-secondary col-sm-12">ลบ</button></a></td>
                                    </tr>
                                    <tr>
                                        <th scope="row">xxx</th>
                                        <td>ด้ายเย็บ</td>
                                        <td>NO.20</td>
                                        <td>All</td>
                                        <td>4</td>
                                        {{-- <td>0.67</td>
                                        <td>2.68</td> --}}
                                        <td>เย็บ</td>
                                        <td class="text-center"><a href="#"><button type="button" class="btn btn-secondary col-sm-12">ลบ</button></a></td>
                                    </tr>
                                    <tr>
                                        <th scope="row">xxx</th>
                                        <td>ด้ายโพง</td>
                                        <td>NO.30</td>
                                        <td>All</td>
                                        <td>3</td>
                                        {{-- <td>0.67</td>
                                        <td>2.01</td> --}}
                                        <td>เย็บ</td>
                                        <td class="text-center"><a href="#"><button type="button" class="btn btn-secondary col-sm-12">ลบ</button></a></td>
                                    </tr>
                                    <tr>
                                        <th scope="row">xxx</th>
                                        <td>ด้ายถักรัง</td>
                                        <td>NO.60</td>
                                        <td>All</td>
                                        <td>2</td>
                                        {{-- <td>0.39</td>
                                        <td>0.78</td> --}}
                                        <td>เย็บ</td>
                                        <td class="text-center"><a href="#"><button type="button" class="btn btn-secondary col-sm-12">ลบ</button></a></td>
                                    </tr>
                                    <tr>
                                        <th scope="row">xxx</th>
                                        <td>สัญญาณกันขโมย</td>
                                        <td>-</td>
                                        <td>All</td>
                                        <td>1260</td>
                                        {{-- <td>1.00</td>
                                        <td>1260</td> --}}
                                        <td>เย็บ</td>
                                        <td class="text-center"><a href="#"><button type="button" class="btn btn-secondary col-sm-12">ลบ</button></a></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div><!--card-->
                </div><br><!--card-->
            </div><br>
        </div><br><!--col-->
    </div><!--row-->
@endsection