@extends('layouts.admin')

@section('title', 'ใบสั่งพิมพ์ Barcode')

@section('content')
    <div class="card" style="width:1200px">
        <div class="card-header text-white bg-dark">
            ใบสั่งพิมพ์ Barcode
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col text-right">
                    <button type="button" class="btn btn-secondary ml-1 col-2">พิมพ์</button>
                    <a class="btn btn-secondary ml-1 col-2" href="#" role="button">Export To Excel</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 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" >
                <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>158</td>
                                    <td>263</td>
                                    <td>263</td>
                                    <td>263</td>
                                    <td>2210</td>
                                    <td>105</td>
                                    <td>1260</td>
                                </tr>
                                <tr>
                                    <td scope="row">เริ่ม</td>
                                    <td>2562001380001</td>
                                    <td>2562001300001</td>
                                    <td>2562001320001</td>
                                    <td>2562001340001</td>
                                    <td>2562001360001</td>
                                    <td>2562001380001</td>
                                    <td>-</td>
                                </tr>
                                <tr>
                                    <td scope="row">สิ้นสุด</td>
                                    <td>2562001280158</td>
                                    <td>2562001300263</td>
                                    <td>2562001320263</td>
                                    <td>2562001340263</td>
                                    <td>2562001360210</td>
                                    <td>2562001380105</td>
                                    <td>-</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><!--end card body-->
    </div><!--end card-->
@endsection