@extends('layouts.admin')

@section('title',env('APP_NAME') .' |  stock อุปกรณ์')

@section('content')
<div class="card">
    <div class="card-header text-white bg-dark">
        อุปกรณ์
    </div>
    <div class="card-body">
        <div class="row" >
            <div class="col-12 text-right">
                <a class="btn btn-secondary" href="#" role="button">เพิ่มข้อมูล</a>
            </div>
        </div><!--end row-->
        <br>
        <div class="row">
            <div class="col-4"></div>
            <div class="col-8">
                <div class="form-group row">
                    <label for="text" class="col-md-9 form-control-label text-right">ค้นหา :</label>
                    <div class="col-md-3">
                        <input type="text" class="form-control text-center" id="" placeholder="">
                    </div><!--col-->
                </div><!--form group row--> 
            </div>
            
        </div><!--end row-->
        
        <hr>

        <div class="form-group row" style="height: 250px">
            <div class="table-responsive">
                <table class="table table-bordered">
                    <thead class="thead bg-secondary text-white">
                        <tr class="text-left">
                            <th scope="col">รหัส</th>
                            <th scope="col">รหัสเก่า</th>
                            <th scope="col">ชื่ออุปกรณ์</th>
                            <th scope="col">รายละเอียด</th>
                            <th scope="col">ชื่อกลุ่ม</th>
                            <th scope="col">ราคาเฉลี่ย</th>
                            <th scope="col">จำนวนคงเหลือ</th>
                            <th scope="col">Option</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Acc0001</td>
                            <td>ZPYKK-580-01</td>
                            <td>ZIP YKK 3" 580</td>
                            <td>ซับวายเคเค ขนาด 3" สีดำ</td>
                            <td>Zipper</td>
                            <td>15</td>
                            <td>1828</td>
                            <td style="text-align:center">
                                <div class="btn-group" role="group">
                                    <a href="http://localhost/vk_phase1/public/admin/order/2019110001/edit" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="แก้ไข">
                                        <i class="fas fa-edit"></i>
                                    </a>
                                    <a href="#" name="confirm_item" data-id="2019110001" data-status="2" class="btn btn-danger btn_del" data-toggle="tooltip" data-placement="top" title="ลบรายการ">
                                        <i class="fas fa-trash"></i>
                                    </a>
                                </div>
                            </td>                       
                        </tr>
                        <tr>
                            <td>Acc0002</td>
                            <td>ZPYKK-580-02</td>
                            <td>ZIP YKK 3.5" 580</td>
                            <td>ซับวายเคเค ขนาด 3.5" สีดำ</td>
                            <td>Zipper</td>
                            <td>17</td>
                            <td>5107</td>
                            <td style="text-align:center">
                                <div class="btn-group" role="group">
                                    <a href="http://localhost/vk_phase1/public/admin/order/2019110001/edit" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="แก้ไข">
                                        <i class="fas fa-edit"></i>
                                    </a>
                                    <a href="#" name="confirm_item" data-id="2019110001" data-status="2" class="btn btn-danger btn_del" data-toggle="tooltip" data-placement="top" title="ลบรายการ">
                                        <i class="fas fa-trash"></i>
                                    </a>
                                </div>
                            </td>                       
                        </tr>
                    </tbody>
                </table>
            </div><!--end table responsive-->
        </div><!--end form group-->
    </div><!--end card body-->
</div><!--end card-->

@endsection