@extends('layouts.default', ['appTopMenu' => true])

@section('title','Dashboard') 
@push('scripts')
<link rel="stylesheet" href="{{ asset('css/jquery-ui.css')}}" />
<script src="{{ asset('js/jquery-ui.js') }}"></script>

<script src="{{ asset('js/hcrti/application.js')}}"></script>
 
 <meta name="csrf-token" content="{{ csrf_token() }}" />
 <link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />

<script src="/assets/plugins/select2/dist/js/select2.min.js" defer></script>
<link href="/assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css" rel="stylesheet" />
<script src="/assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js" defer></script>

<script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>


<link href="/assets/plugins/datatables.net-bs5/css/dataTables.bootstrap5.min.css" rel="stylesheet" />
<link href="/assets/plugins/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css" rel="stylesheet" />
<script src="/assets/plugins/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="/assets/plugins/datatables.net-bs5/js/dataTables.bootstrap5.min.js"></script>
<script src="/assets/plugins/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
<script src="/assets/plugins/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js"></script>


<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>

 <script type="text/javascript">
 
 

  $(".dtp").datepicker({
  todayHighlight: true,
    autoclose: true,
	opens: "right",
    dateFormat: "dd-mm-yy"
  });

 
  $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});



 $('#data-table-default').DataTable({
    responsive: true
  });

        
     
            

 
</script>
   <script type="text/javascript">

                $('#serial_no_search').click(function () 
				{
					
                    var serial_no = $('#serial_no').val();

                    $.ajax({
                        type: "POST",
                        datatype: 'JSON',
                        url: "{{ url('complaint/get_product_details') }}",
                        data: {'serial_no': serial_no},
                        beforeSend: function (request) {
                            return request.setRequestHeader('X-CSRF-Token', $("meta[name='csrf-token']").attr('content'));
                        }, success: function (data) 
						{
							//alert(data);
                            $.each(data, function (key, value) {
                                $('#dept_name').val(value.section);
                                $('#person_name').val(value.issue_to);
                                $('#device_name').val(value.pname);
                                $('#serial_number').val(value.sr_no);
                                $('#model_name').val(value.model_no);
                                $('#company_name').val(value.cname);

                            });
                        },
                        error: function (data) {
                            $('.text-danger').text('');
                            if (data.status === 401) {
                                $(location).prop('/', 'login');
                            } else if (data.status === 422) {
                                $.each(data.responseJSON.errors, function (field_name, error) {
                                    $(document).find('[name=' + field_name + ']').after('<span class="text-danger">' + error + '</span>')
                                })

                            }
                        }
                    });
                });

                function assignInput(ele) {
                    if (ele == 'ITEM') {
                        $('#form_1').show();
                        $('#form_2').hide();
                    } else if (ele == 'NET') {
                        $('#form_2').show();
                        $('#form_1').hide();
                    } else {
                        $('#form_2').hide();
                        $('#form_1').show();
                    }
                }

                function get_eng_mobile(code, form) {

                    $.ajax({
                        type: "POST",
                        datatype: 'JSON',
                        url: "{{ url('complaint/getEngineerMobile') }}",
                        data: {'eng_code': code},
                        beforeSend: function (request) {
                            return request.setRequestHeader('X-CSRF-Token', $("meta[name='csrf-token']").attr('content'));
                        }, success: function (data) {

                            if (form == 'ITEM') {
                                $('#eng_mobile_no').val(data);
                            } else if (form == 'NET') {
                                $('#eng_mobile').val(data);
                            }
                        },
                        error: function (data) {
                            $('.text-danger').text('');
                            if (data.status === 401) {
                                $(location).prop('/', 'login');
                            } else if (data.status === 422) {
                                $.each(data.responseJSON.errors, function (field_name, error) {
                                    $(document).find('[name=' + field_name + ']').after('<span class="text-danger">' + error + '</span>')
                                })

                            }
                        }
                    });
                }

            </script>
              
@endpush

@section('content') 

  <div class="container">
    @if (session('status'))

    <div class="alert alert-success alert-dismissible" >
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        {!! session('status') !!}
    </div>
    @elseif(session('failed'))
    <div class="alert alert-danger alert-dismissible" >
        <button type="button" class="btn-close" ddata-bs-dismiss="alert"></button>
        <strong>{{ session('failed') }}	</strong>
    </div>
    @endif
	
	
	
	
             

@if(\Session::has('success'))
<div class="alert alert-success message_box" id="message_box">
{{\Session::get('success')}}
</div>
@endif
						
{{ Form::open(array('name'=>'complaintRaiseForm', 'url' => 'complaint/raise', 'class'=>'form-horizontal' ,'method' => 'POST')) }}
<div class="card mb-3" id="google_translate_element">
<div class="card-header bg-dark ">Complaint Form</div>
<div class="card-body">
<div class="row mb-3">