@extends('admin.admin_master')
@section('admin')
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <style>

        
    </style>
    <div class="page-content">
        <div class="container-fluid">

            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="card-header">Rate Manager </h4><br><br>
                            <form method="post" action="{{ route('salesrate.update') }}?mode={{$mode}}" id="myForm">
                                @csrf  
                                <table  class="table table-bordered dt-responsive nowrap table-fixed">
                                    @foreach($category as $key => $item)
                                        <thead style="position: sticky;top: 0"> 
                                            <tr style="background-color: #505d69;color:#fff"> 
                                                <th class="header" scope="col">{{$item->name}}</th>
                                                <th class="header" scope="col"> MRP </th>
                                                @foreach($areas as $key1=>$areai)
                                                <th class="header" scope="col">{{$areai->name}} </th>
                                                @endforeach
                                            </tr>
                                        <thead>
                                        <tbody>
                                            @foreach($product as $key2=>$producti)
                                                @if($producti->category_id == $item->id)
                                                <tr>
                                                    <td>{{$producti->name}}</td>
                                                    <td>{{$producti->mrp_price}}</td>
                                                        @foreach($areas as $key1=>$areai)
                                                            <td>
                                                                <input type="text" name="area[{{$areai->id}}][{{$producti->id}}]" class="form-control" placeholder="0.00" value="{{isset($producAreaData[$areai->id][$producti->id])?
                                                                $producAreaData[$areai->id][$producti->id]:'0.00'}}"/>
                                                            </td>
                                                        @endforeach
                                                </tr>
                                                @endif  
                                            @endforeach
                                        </tbody>   
                                    @endforeach
                                </table>
                                <input type="submit" class="btn btn-info waves-effect waves-light" value="Add/Update">
                                
                            </form>
                        </div>
                    </div>
                </div> <!-- end col -->
            </div>
        </div>
    </div>

    <script type="text/javascript">
        $(document).ready(function() {
            $('#myForm').validate({
                rules: {
                    name: {
                        required: true,
                    },

                },
                messages: {
                    name: {
                        required: 'Please Enter Warehouse Name',
                    },

                },
                errorElement: 'span',
                errorPlacement: function(error, element) {
                    error.addClass('invalid-feedback');
                    element.closest('.form-group').append(error);
                },
                highlight: function(element, errorClass, validClass) {
                    $(element).addClass('is-invalid');
                },
                unhighlight: function(element, errorClass, validClass) {
                    $(element).removeClass('is-invalid');
                },
            });
        });
    </script>
@endsection