{{-- Extends layout --}}
@extends('layout.default')

@section('styles')

    <!--begin::Page Custom Styles(used by this page)-->
    <style>
    </style>
	<!--end::Page Custom Styles-->
@endsection

{{-- Content --}}
@section('content')

    <!--begin::Card-->
    <div class="card card-custom card-stretch gutter-b">
        @if (session('status'))

            {{-- Success Alert --}}
            <div class="alert alert-custom alert-notice alert-light-danger fade show gutter-b" role="alert">
                <div class="alert-icon"><i class="flaticon2-check-mark"></i></div>
                <div class="alert-text">{{session('status')}}</div>
                <div class="alert-close">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true"><i class="ki ki-close"></i></span>
                    </button>
                </div>
            </div>

        @endif

        <div class="card-header">
            <div class="card-title">
                <h3 class="card-label">Set New Price</h3>
            </div>
        </div>
        
        <!--begin::Form-->
        <form method="POST" action="{{ route('product-price.store') }}">
            @csrf
            
            <div class="card-body product-price-card">
            
                <!--begin: Search Form-->
                <!--begin::Search Form-->
                <div class="mb-7">
                    <div class="row align-items-center">
                        <div class="col-lg-12 col-xl-12">
                            <div class="row align-items-center">
                                <div class="col-md-2 my-2 my-md-0">
                                    <div class="input-icon">
                                        <input type="text" class="form-control" placeholder="Search..." id="kt_datatable_search_query"/>
                                        <span>
                                            <i class="flaticon2-search-1 text-muted"></i>
                                        </span>
                                    </div>
                                </div>
                                <div class="col-md-2 my-2 my-md-0">
                                    <div class="d-flex align-items-center">
                                        <label class="mr-2 mb-0 d-none d-md-block">Status:</label>
                                        <select class="form-control" id="kt_datatable_search_status">
                                            <option value="">All</option>
                                            <option value="1">Pending</option>
                                            <option value="2">Delivered</option>
                                            <option value="3">Canceled</option>
                                            <option value="4">Success</option>
                                            <option value="5">Info</option>
                                            <option value="6">Danger</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3 my-2 my-md-0">
                                    <div class="d-flex align-items-center">
                                        <label class="mr-3 mb-0 d-none d-md-block">Outlet:</label>
                                        <select class="form-control" id="price_setup_outlet_select2" name="outlet_id">
                                            
                                            <option value="0">Select an outlet</option>
                                            
                                            @foreach ($outlets as $outlet)
                                                
                                                @if ($outlet->id == $selected_outlet)
                                                    <option value="{{$outlet->id}}" selected>{{$outlet->name}}</option>
                                                    
                                                @else
                                                    <option value="{{$outlet->id}}">{{$outlet->name}}</option>
                                                    
                                                @endif
                                                
                                            @endforeach

                                        </select>
                                    </div>
                                </div>

                                <div class="col-md-3 my-2 my-md-0">
                                    <div class="d-flex align-items-center">
                                        <label class="mb-0 d-none d-md-block w-50">Effect Date:</label>
                                        <div class="input-group date" >
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">
                                                    <i class="la la-calendar"></i>
                                                </span>
                                            </div>
                                            <input type="text" class="form-control" readonly  placeholder="mm/dd/yyyy" name="effect_date" required id="kt_datepicker_3"/>
                            
                                        </div> 
                                    </div>
                                </div>
                                <div class="col-md-2 my-2 my-md-0">
                                    <div class="d-flex align-items-center">
                                        <button type="submit" class="btn btn-primary">Update Price</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- <div class="col-lg-3 col-xl-4 mt-5 mt-lg-0">
                            <a href="#" class="btn btn-light-primary px-6 font-weight-bold">Search</a>
                            <button type="submit" class="btn btn-primary">Update Price</button>
                            <button type="reset" class="btn btn-secondary ml-3" data-dismiss="modal">Cancel</button>
                        </div> --}}
                    </div>
                </div>
                <!--end::Search Form-->
                <!--end: Search Form-->
            
                <!--begin: Datatable-->
                <table class="datatable datatable-bordered datatable-head-custom default-price-table" id="kt_datatable">
                    <thead>
                    <tr>
                        <th title="">Sl</th>
                        <th title="">Item Code</th>
                        <th title="">Item Name</th>
                        <th title="">Unit</th>
                        <th title="">Pack Size</th>
                        <th title="Status">Status</th>
                        <th title="">Price</th>
                        {{-- <th title="Update">Update</th> --}}
                    </tr>
                    </thead>

                    <tbody id="product_price_html_tbody">
                        @foreach ($outletWisePrices as $index=>$outletWisePrice)
                        <tr>
                            <td>{{$index+1}}</td>
                            <td>{{$outletWisePrice->Code}}</td>
                            <td>{{$outletWisePrice->Name}}</td>
                            <td>{{$outletWisePrice->Unit}}</td>
                            <td>{{$outletWisePrice->PackSize}}</td>
                            <td>4</td>
                            <td>
                                <!--begin::price Number-->
                                <div class="input-group">
                                    <div class="input-group-prepend"><span class="input-group-text">BDT</span></div>
                                    <input type="text" id="{{$outletWisePrice->ProductId}}" class="form-control @error('price') is-invalid @enderror" name="price_list[{{$outletWisePrice->ProductId}}]" value="{{$outletWisePrice->Price}}" />
                                    @error('price')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </td>
                        </tr>
                        @endforeach
                        
                    </tbody>


                </table>
                <!--end: Datatable-->
            </div>

            {{-- <div class="card-footer pt-0 border-0">
                <div class="row">
                    <div class="col-lg-4"></div>
                    <div class="col-lg-6">
                        <button type="submit" class="btn btn-primary">Submit</button>
                        <button type="reset" class="btn btn-secondary ml-3" data-dismiss="modal">Cancel</button>
                    </div>
                </div>
            </div> --}}
        </form>
        <!--end::Form-->

    </div>
    <!--end::Card-->

@endsection

{{-- Scripts Section --}}
@section('scripts')

    <!--begin::Page Scripts(used by this page)-->

    

    {{-- <script src="js/pages/crud/forms/widgets/bootstrap-datepicker.js"></script> --}}
    <script src="{{ asset('js/pages/crud/ktdatatable/base/product-Price-table.js') }}" type="text/javascript"></script>
    <script src="{{ asset("js/pages/crud/forms/widgets/bootstrap-datepicker.js") }}"></script>
    <script src="{{ asset("js/pages/crud/forms/widgets/outlet-select2.js") }}"></script>

    <script>
        $()
    </script>

    

	<!--end::Page Scripts-->
@endsection