@extends('panel.master')
@section('t')نمودارها @stop
@section('content')
      

    <div class="content-wrapper">
   
        <section class="content">
           
            <div class="container-fluid">
                <div class="col-lg-12 col-md-12 float-right" style="padding: 0">

                       <div class="card card-info card-outline"  >
                        <div class="card-header">
                            <h3 class="card-title">
                                <small style="font-weight: bold;">  انتخاب گروه</small>
                            </h3> @foreach($errors->all() as $error) 
            <a style="color:red" >{{$error}}</a> 
            @endforeach
                        </div>
                        
                                                <div class="card-body">
                            
                            
                                      قیمت cbm:<input type="text" id="pcbm" style="width: 10%;" 
                                      onclick="fun()" onkeyup="fun()">
                                      
                                        لنج cbm:<input type="text" id="lanj" style="width: 10%;" 
                                      onclick="fun()" onkeyup="fun()">
                                       قیمت :<input type="text" id="price" style="width: 10%;" 
                                      onclick="fun()" onkeyup="fun()">
                                         تعداد در کارتن :<input type="text" id="tedad" style="width: 10%;" 
                                      onclick="fun()" onkeyup="fun()">
                                       
                                       یک کارتن cbm:<input type="text" id="cbmk" style="width: 10%;" 
                                      onclick="fun()" onkeyup="fun()">
                                        یوان روز :<input type="text" id="yuan" style="width: 10%;" 
                                      onclick="fun()" onkeyup="fun()">
                                         <span style="color:green" id="darsadprises"></span>
                            
                              <script>
                                  function  fun(){
                                        var pcbm=document.getElementById('pcbm').value; 
                                        var lanj=document.getElementById('lanj').value; 
                                        var price=document.getElementById('price').value; 
                                        var tedad=document.getElementById('tedad').value; 
                                        var cbmk=document.getElementById('cbmk').value; 
                                         var yuan=document.getElementById('yuan').value; 
                                       document.getElementById('darsadprises')
                                       .innerHTML= Math.round((((((price*tedad)*1.02)+(cbmk*pcbm))*yuan)+(cbmk*lanj))/(price*tedad));
                                      
                                      
                                      
                                      
                                      
                                      
                                  }
                                   </script>
                            
                            
                            
                            
                            
                          
                        </div>
               
                </div>

            </div></div>
</section>
</div>
@stop
@section('extrajs')
  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://unpkg.com/chart.js-plugin-labels-dv/dist/chartjs-plugin-labels.min.js"></script>





    <script>
        $(function () {
            $('#newDataModal').DataTable({
                "language": {
                    "paginate": {
                        "next": "بعدی",
                        "previous": "قبلی"
                    },
                    "search": "جستجو: ",
                    "lengthMenu": "نمایش _MENU_ ردیف در هر صفحه",
                    "zeroRecords": "متاسفانه هیچ مقداری با جستجوی شما یافت نشد...",
                    "emptyTable": "در حال حاضر هیچ مقداری به ثبت نرسیده..."
                },
                "info": false,
                "paging": true,
                "lengthChange": true,
                "searching": true,
                "ordering": true,
                "autoWidth": true,
            });
        });
        $(document).ready(function () {
            const tag = $('#p-kalayefactor'),
                sel = '#' + tag.attr('id') + '-1';
            tag.addClass('menu-open');
            tag.find('a.nav-link').first().addClass('active');
            $(sel).addClass('active');
        });
        $(document).ready(function () {
            const tag = $('#p-chart'),
                sel = '#' + tag.attr('id') + '-1';
            tag.addClass('menu-open');
            tag.find('a.nav-link').first().addClass('active');
            $(sel).addClass('active');
        });
        $('.deleteCode').click(function () {
            let getId = $(this).parent().parent().find('td[data-id]').attr('data-id'),
                getName = $(this).parent().parent().find('.name').text();
            $('#setID').val(getId);
            $('#setCode').empty().append(getName);
            $('#deleteRow').modal();
        });
        
      var select = new SlimSelect({
  select: '#select-cccc2',
 
}) 
    </script>
   
    
  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://unpkg.com/chart.js-plugin-labels-dv/dist/chartjs-plugin-labels.min.js"></script>






@stop

@section('extraCss')
    <style>
        .content-wrapper,
        .main-footer,
        .main-header {
            z-index: 99 !important;
        }

        .form-group > label {
            margin: 0 0 0 0;
            display: block;
        }

        .form-group {
            margin-bottom: 0;
        }

    </style>
@stop