@extends('layouts.admin.app')
@section('content')

<style>
    /* Modal style */
    .modal {
        display: none;
        position: fixed;
        z-index: 999;
        left: 100px;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.7);
    }

    .modal-content {
        margin: auto;
        display: block;
        max-width: 80%;
        max-height: 80%;
        width:auto !important;
        top: 60px;

    }

    /* Close button style */
    .close {
        color: #ccc;
        float: right;
        font-size: 30px;
        font-weight: bold;
        cursor: pointer;
    }

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
</style>
    <div class="content-wrapper">
        <section class="content-header bg-white form-group p-3 p-md-4">
            <div class="row">
                <div class="col text-center text-sm-left">
                    <h3 class="text-primary text-md text-uppercase">
                        <img src="{{ asset('images/category-icon.png') }}" class="heading-desk align-middle" alt="">
                        View Product Unit
                    </h3>
                </div>
            </div>
            <div class="clearfix"><p> <h3>Master Product : {{ !empty($customerproduct->masterProducts->product_name)?$customerproduct->masterProducts->product_name:''}}{{!empty($customerproduct->masterProductsunit->masterproduct->product_name)?$customerproduct->masterProductsunit->masterproduct->product_name:''}}</h3></p></div>
        </section>
        <section class="content">
            <div class="row">
                <div class="col-lg-12">
                   
                        <div class="bg-white p-3 p-md-4 shadow">
                           <div class="row form-group pb-sm-2 align-items-center">
                             <table width="100%" border="2">
                                 <tr>
                <th>Sr No.</th>
                <th>Date</th>
                <th>Barcode No</th>
                <th>User Name</th>
                <th>User Type</th>
            </tr>
   
    @if(!empty($lists))
       @php $count1 = 1; @endphp
        @foreach($lists as $key_list => $value_list)
        @php
       $product =  check_user($value_list->barcode_no);
        @endphp
        @php
                $datas = dependent_product($value_list->barcode_no);
                $user_types = user_type($value_list->barcode_no);
            @endphp
         
            @foreach ($datas as $key_data => $value_data)
                @php
                    $dateTime = new \DateTime($key_data);
                    $dateOnly = $dateTime->format('d-m-Y');
                @endphp
               
                <tr>
                <td>{{$count1}}</td>
                <td>{{ $dateOnly }}</td>
                <td>{{$value_list->barcode_no}}</td>
                <td>{{ $value_data }}</td>
                <td>{{$user_type[$user_types[$key_data]]}}</td>
            </tr>
           
  @php $count1++; @endphp
         
           
        @endforeach
        
     
      @endforeach
    @endif

    @if(!empty($customerproduct->masterProductsunit))
       @php
                $datas = dependent_product($customerproduct->masterProductsunit->barcode_no);
                $user_types = user_type($customerproduct->masterProductsunit->barcode_no);
            @endphp

                @php $count = 1; @endphp
             @foreach ($datas as $key_data => $value_data)
              @php
                    $dateTime = new \DateTime($key_data);
                    $dateOnly = $dateTime->format('d-m-Y');
                @endphp

                @if($count == 1)

            <tr>
            <td>{{$count}}</td>
            <td> {{ $dateOnly }}</td>
            <td>{{  $customerproduct->masterProductsunit->barcode_no }}</td>
            <td>{{ $value_data }}</td>
            <td>{{$user_type[$user_types[$key_data]]}}</td>


            </tr>
            @endif
            @php $count++; @endphp
@endforeach
            @endif
        </table>
</div>

                           
                           
                          

                           
                           

        <div class="row">

        <div class="col-lg-6">


        <!-- Full image display modal -->
        <div style="width:1000px;" id="imageModal" class="modal">
        <span class="close">&times;</span>
        <img class="modal-content" id="fullImage">
        </div>
        </div>

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



    
                    
                </div>


           
        </section>




        <section class="content-header bg-white form-group p-3 p-md-4 container">
            <div class="row">
                <div class="col text-center text-sm-left">
                    <h3 class="text-primary text-md text-uppercase">
                        <img src="{{ asset('images/category-icon.png') }}" class="heading-desk align-middle" alt="">
                        View Product Dependent
                    </h3>
                </div>
            </div>
            <div class="clearfix"><p> </p></div>
        </section>
        <section class="content">
            <div class="row">
                <div class="col-lg-12">
                   
                        <div class="bg-white p-3 p-md-4 shadow">
                           <div class="row form-group pb-sm-2 align-items-center">

                             <table width="100%" border="2">
           
            
        
  
    
    @if (!empty($lists))
     <tr>
                <th>Sr No.</th>
                <th>Date</th>
                <th>Barcode No</th>
                <th>User Name</th>
                <th>User Type</th>
            </tr>
              @php $count = 1; @endphp
        @foreach ($lists as $key_list => $value_list)
            @php
                $product = check_user($value_list->barcode_no);
            @endphp
            
        
            @php
                $datas = dependent_product($value_list->barcode_no);
                $user_types = user_type($value_list->barcode_no);
                 
            @endphp
           
            @foreach ($datas as $key_data => $value_data)
                @php
                    $dateTime = new \DateTime($key_data);
                    $dateOnly = $dateTime->format('d-m-Y');
                @endphp
                
                <tr>
                <td>{{$count}}</td>
                <td>{{ $dateOnly }}</td>
                <td>{{$value_list->barcode_no}}</td>
                <td>{{ $value_data }}</td>
                <td>{{$user_type[$user_types[$key_data]]}}</td>
            </tr>
            
                  @php $count++; @endphp
            @endforeach
        
            
           @php $count++; @endphp
            
          
        @endforeach
        </table>
    @endif


    
    @if (!empty($customerproduct->masterProductsunit))

    <div class="col-md-12 col-sm-12 mb-3">
        <table width="100%" border="2">
            <tr>
                <th>Sr No.</th>
                <th>Date</th>
                <th>barcode_no</th>
                <th>User Name</th>
                <th>User Type</th>
            </tr>
            

    </div>

       

      
            @php
                $datas = dependent_product($customerproduct->masterProductsunit->barcode_no);
                 $user_types = user_type($customerproduct->masterProductsunit->barcode_no);
                $cou = 1;
            @endphp

            
            
            @foreach ($datas as $key_data => $value_data)
                @php
                    $dateTime = new \DateTime($key_data);
                    $dateOnly = $dateTime->format('d-m-Y');
                @endphp
                <tr>
                <td>{{$cou}}</td>
                <td>{{ $dateOnly }}</td>
                <td>{{ $customerproduct->masterProductsunit->barcode_no }}</td>
                <td> {{ $value_data }}</td>
                <td> {{$user_type[$user_types[$key_data]]}}</td>
            </tr>
        
                @php $cou++; @endphp
             
            @endforeach
      </table>
    @endif
</div>


             <div class="row">

        <div class="col-lg-6">


        <!-- Full image display modal -->
        <div style="width:1000px;" id="imageModal" class="modal">
        <span class="close">&times;</span>
        <img class="modal-content" id="fullImage">
        </div>
        </div>

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



    
                    
                </div>


           
        </section>
    </div>
    @section('admin-js')
        <script type="text/javascript" src="{{ asset('js/adminjs/dealear.js') }}"></script>

        <script>
    $(document).ready(function(){
        // When an image is clicked
        $(".full-image").click(function(){
            var imageUrl = $(this).attr("src"); // Get the image source
            $("#fullImage").attr("src", imageUrl); // Set the source of the modal image
            $("#imageModal").css("display", "block"); // Display the modal
        });

        // Close the modal when the close button is clicked
        $(".close").click(function(){
            $("#imageModal").css("display", "none");
        });
    });
</script>
    @endsection
@endsection