@extends('backend.layouts.app')

@section('title', 'จ่ายอุปกรณ์')

@section('content')
    <div class="card">
        <div class="card-header text-white bg-dark">
            จ่ายอุปกรณ์
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col text-right">
                    <button type="button" class="btn btn-secondary ml-1 col-1">บันทึก</button>
                    <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>
            </div><!--end row-->

            <hr>

            <div class="form-row">
                <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" id="" placeholder="xx/xx/xxx">
                </div>
                <div class="form-group col-md-3">
                    <label for="text" class="col-md-12 form-control-label">เลือกแผนกที่จ่ายอุปกรณ์</label>
                        <div class="col-md">
                            <select class="form-control" id="">
                                <option>เย็บ</option>
                                <option>...</option>
                                <option>...</option>
                            </select>
                        </div>
                </div><!--form group row-->
                <div class="form-group col-md-3">
                    <label for="text" class="col-md-12 form-control-label">ผู้จ่ายอุปกรณ์</label>
                        <div class="col-md">
                            <select class="form-control" id="">
                                <option></option>
                                <option>...</option>
                                <option>...</option>
                            </select>
                        </div>
                </div><!--form group row-->
            </div><!--end form row-->

            <hr>

            <div class="form-row">
                <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="2562001">
                </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="" class="form-control" id="text" placeholder="xx/xx/xxxx">
                </div>
                <div class="form-group col-md-2">
                    <label for="text">item No:</label>
                    <input type="text" class="form-control"  placeholder="LJW1VK17DL">
                </div>
            </div><!--end form row-->

            <div class="form-row">    
                <div class="form-group col-md-2">
                    <label for="text">Season:</label>
                    <input type="text" class="form-control"  placeholder="SUMMER">
                </div>               
                <div class="form-group col-md-2">
                    <label for="text">ชื่อลูกค้า/</label>
                    <input type="text" class="form-control" id="" placeholder="Lotus">
                </div>
                <div class="form-group col-md-2">
                    <label for="text">สำหรับ/</label>
                    <input type="text" class="form-control" id="" placeholder="ผู้ชาย">
                </div>
                <div class="form-group col-md-3">
                    <label for="text">แบบงาน/</label>
                    <input type="text" class="form-control" id="" placeholder="กางเกงขายาว">
                </div>
                <div class="form-group col-md-3">
                    <label for="text">ทรง/</label>
                    <input type="text" class="form-control" id="" placeholder="Slim">
                </div>
            </div><!--end form row-->

            <div class="col-lg-12">
                <div class="card ">
                    <div class="card-header text-white bg-secondary">
                        จำนวนที่สั่ง
                    </div>
                    <div class="card-body text-center">
                        <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>
                                    <td scope="row">ออเดอร์ไทย</td>
                                    <td>150</td>
                                    <td>250</td>
                                    <td>250</td>
                                    <td>250</td>
                                    <td>200</td>
                                    <td>100</td>
                                    <td>1200</td>
                                </tr>
                                <tr>
                                    <td scope="row">ตัดเพื่อ 5%</td>
                                    <td>8</td>
                                    <td>13</td>
                                    <td>13</td>
                                    <td>13</td>
                                    <td>10</td>
                                    <td>5</td>
                                    <td>60</td>
                                </tr>
                                <tr>
                                    <td scope="row">รวม</td>
                                    <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">
                        <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>
                                </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>
                                </tr>
                                <tr>
                                    <td scope="row">xxx</td>
                                    <td>WASH CARE</td>
                                    <td>เเบบสอด/ทอ</td>
                                    <td>30</td>
                                    <td>263</td>
                                    <td>0.15</td>
                                    <td>39.45</td>
                                    <td>เย็บ</td>
                                </tr>
                                <tr>
                                    <td scope="row">xxx</td>
                                    <td>WASH CARE</td>
                                    <td>เเบบสอด/ทอ</td>
                                    <td>32</td>
                                    <td>263</td>
                                    <td>0.15</td>
                                    <td>39.45</td>
                                    <td>เย็บ</td>
                                </tr>
                                <tr>
                                    <td scope="row">xxx</td>
                                    <td>WASH CARE</td>
                                    <td>เเบบสอด/ทอ</td>
                                    <td>34</td>
                                    <td>263</td>
                                    <td>0.15</td>
                                    <td>39.45</td>
                                    <td>เย็บ</td>
                                </tr>
                                <tr>
                                    <td scope="row">xxx</td>
                                    <td>WASH CARE</td>
                                    <td>เเบบสอด/ทอ</td>
                                    <td>36</td>
                                    <td>210</td>
                                    <td>0.15</td>
                                    <td>31.50</td>
                                    <td>เย็บ</td>
                                </tr>
                                <tr>
                                    <td scope="row">xxx</td>
                                    <td>WASH CARE</td>
                                    <td>เเบบสอด/ทอ</td>
                                    <td>38</td>
                                    <td>105</td>
                                    <td>0.15</td>
                                    <td>15.75</td>
                                    <td>เย็บ</td>
                                </tr>
                                <tr>
                                    <td scope="row">xxx</td>
                                    <td>ด้ายเย็บ</td>
                                    <td>NO.20</td>
                                    <td>All</td>
                                    <td>4</td>
                                    <td>0.67</td>
                                    <td>2.68</td>
                                    <td>เย็บ</td>
                                </tr>
                                <tr>
                                    <td scope="row">xxx</td>
                                    <td>ด้ายโพง</td>
                                    <td>NO.30</td>
                                    <td>All</td>
                                    <td>3</td>
                                    <td>0.67</td>
                                    <td>2.01</td>
                                    <td>เย็บ</td>
                                </tr>
                                <tr>
                                    <td scope="row">xxx</td>
                                    <td>ด้ายถักรัง</td>
                                    <td>NO.60</td>
                                    <td>All</td>
                                    <td>2</td>
                                    <td>0.39</td>
                                    <td>0.78</td>
                                    <td>เย็บ</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div><!--card-->
            </div><br><!--card-->

        </div><!--end card body-->
    </div><!--end card-->
{{ html()->form()->close() }}
@endsection