@extends('layouts.admin.app')

@section('content')
    <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 mb-3 mb-sm-0">
                    <h3 class="text-primary text-md text-uppercase"><img src="{{ asset('images/category-icon.png') }}" class="heading-desk align-middle" alt="">Technician Winner</h3>
                </div>
                <div class="col-sm-auto ml-sm-auto text-center text-sm-right">
                    <!-- <a class="btn btn-primary text-uppercase px-4 py-2 font-weight-bold" href="{{ route('admin.dealear.create') }}" title="Click to Add New"><i class="fa fa-plus mr-1" aria-hidden="true"></i>&nbsp;Add New</a> -->
                </div>
            </div>
            <div class="clearfix"></div>
        </section>

        <section class="content-header bg-white form-group p-3 p-md-4">
               <div class="row">
                    <div class="col-md-4 row form-group align-items-center">
                        <input type="date"  class="form-control" id="search_date">
                    </div> 
                     <div class="col-md-4 row form-group align-items-center">
                        <input type="date" class="form-control" id="end_date">
                    </div> 
                     <div class="col-md-4">
                        <input type="submit" id="submitBtn" class="btn btn-primary" name="submitBtn" value="Send Notification">
                    </div> 
                    </div> 
 <!-- <div class="row">
                     <div class="col-md-4 row form-group align-items-center">
                        <div class="col-md-4 col-sm-4">
                            <label for="startDateFilter" class="mb-1 mb-sm-0 font-size-15">Barcode:</label>
                        </div>
                        <div class="col-md-8 col-sm-8">
                            <input class="form-control" type="text" name="barcode" id="barcode">
                        </div>
                    </div>
                    <div class="col-md-4 row form-group align-items-center">
                        <div class="col-md-4 col-sm-4">
                            <label for="startDateFilter" class="mb-1 mb-sm-0 font-size-15">User Name:</label>
                        </div>
                        <div class="col-md-8 col-sm-8">
                            <input class="form-control" type="text" name="customer_name" id="customer_name">
                        </div>
                    </div>

                    <div class="col-md-4">
                        <select class="form-control" id="user_type">
                             <option value="">Select User Type</option>
                                @foreach($user_type as  $key_usertype => $value_user_type)
                                <option value="{{$key_usertype}}">{{$value_user_type}}</option>
                                @endforeach
                            </select>
                        
                    </div>
                     
                   
                </div> -->

               
            </section>

        

        <section class="content">
            @include('admin.successerror')
            <div class="row">
                <div class="col-lg-12">
                <div class="box bg-white table-section p-3 p-md-4 shadow">
                    <div class="box-body">
                        <div class="table-responsive">
                            <table id="cashTable" class="table table-striped table-bordered table-main" style="width:100%;">
                                <thead>
                                    <th class="id">Id</th>
                                    <th>No. </th>
                                    
                                    <th>Product Name</th>
                                    <th>User Name</th>
                                    <th>Barcode</th>
                                    <th>Model No</th>
                                    <th>User Type</th>
                                    <th>Scan Date</th>
                                    
                                    <th class="action-60">Action</th>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </section>

    </div>

    @section('admin-js')
        <script type="text/javascript" src="{{ asset('js/adminjs/technician_user_product.js') }}"></script>
        <script type="text/javascript">
             $(document).ready(function() {
            $('#submitBtn').click(function() {
                var selectedUserIds = [];
                $('input[name="options[]"]:checked').each(function() {
                    selectedUserIds.push($(this).val());
                });
                
                
                 if (selectedUserIds.length === 0) {
                // Display a SweetAlert2 message if no users are selected
               
                
                 swal({
                    title: 'Please select at least one check box.',
                    width: '350px',
                    confirmButtonColor: '#091C77'
                });
                return; // Stop the function execution
            }


                $.ajax({
                    url: '{{ route("notification_send") }}',
                    type: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}',
                        user_ids: selectedUserIds
                    },
                    success: function(response) {
                       console.log(response);
                        swal({
                    title: 'Technician Winner selected Successfully.',
                    width: '350px',
                    confirmButtonColor: '#091C77'
                });
                    },
                    error: function() {
                        $('#response').text('An error occurred.');
                    }
                });
            });
        });
        </script>
    @endsection
@endsection