@extends('admin.layout.master')
@section('title', 'Product Sale Price')
@section('content')
    <div class="card sina-card">
        <div class="card-header card-header-s d-flex flex-wrap align-items-center">
            <h4 class="col-6 pl-0">{{__('obs.product')}} {{__('obs.sales')}} {{__('obs.price')}} </h4>
            <div class="col-6 d-flex justify-content-end">
                <a href="{{ route('product_sales_price.create') }}" class="btn-sina-title-add d-flex align-items-center"
                    type="button" name="button">
                    <div class="col pl-0 pr-2">
                        <i class="fas fa-plus-circle"></i>
                    </div>
                    <div>{{__('obs.add')}} {{__('obs.new')}}</div>
                </a>
            </div>
        </div>
        <div class="card-body">
            <form action="#"> <!-- class="row justify-content-left mb-1"-->
                <div class="d-flex flex-wrap justify-content-center">
                    <div class="col-md-4 col-12 flex-wrap pr-0 mb-2">
                        <label for="product_id">{{__('obs.product')}}</label>
                        @include('v2.inventory.global.product_live_dd', [
                            'skip_add_new'=> 1
                        ])
                    </div>
                    <div class="col-md-4 col-12 flex-wrap pr-0 mb-2">
                        <label for="status">{{__('obs.status')}}</label>
                        <select class="select_2 form-control" style="width: 100%" name="status" id="status">
                            <option value=""></option>
                            <option value="1">{{__('obs.active')}}</option>
                            <option value="0">{{__('obs.inactive')}}</option>
                        </select>
                    </div>
                    <div class="col-md-1 col-1 flex-wrap pr-0 text-center mb-2 pt-1"> <br>
                        <button class="btn btn-danger btn-sm" onclick="Filter()" type="button">{{__('obs.filter')}}</button>
                    </div>
                </div>
            </form>
            <div class="table-responsive">
                <table class="table table-hover table-bordered" id="DataResult">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>{{__('obs.product')}}</th>
                            <th>{{__('obs.sell')}} {{__('obs.price')}}</th>
                            <th>{{__('obs.retail')}} {{__('obs.sell')}} {{__('obs.price')}}</th>
                            <th>{{__('obs.whole')}} {{__('obs.sell')}} {{__('obs.price')}}</th>
                            <th>{{__('obs.flash')}} {{__('obs.sell')}} {{__('obs.price')}}</th>
                            <th class="text-center">{{__('obs.action')}}</th>                
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    @endsection
@section('script')
<script>
    const store_setting = @json(store_info());
</script>
    <script type="text/javascript" src="{{ asset('inventory/blade_js/product/product-sales-price/product-sales-price.js') }}"></script>
@endsection