@extends('layouts.default', ['appTopMenu' => true])
@php
use Carbon\Carbon;
@endphp
@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
  });

        
     
function show_data(no,status)
{
//event.preventDefault();
document.getElementById("call_status").value=status; 
document.getElementById("complent_no").value=no; 
                       
//alert(bid);
                       
}          

 
</script>


        <script type="text/javascript">

            $('#updateCallForm').on('submit', function (e) {

                e.preventDefault();
                var compalaint_id = $("#complent_no").val();
				//alert(compalaint_id);
                $.ajax({
                    type: "POST",
                    dataType: 'JSON',
                    url: "{{ url('complaint/update_status') }}",
                    data: $(this).serialize() + "&compalaint_id=" + compalaint_id,
                    beforeSend: function (request) {
                        $('#status_button').html("Updating data...").prop('disabled', true);
                        return request.setRequestHeader('X-CSRF-Token', $("meta[name='csrf-token']").attr('content'));
                    },
                    success: function (data) {

                        $('#status_button').html("UPDATE").prop('disabled', false);

                        if (data.status == 'error') {
                            toastr.warning(data.message);
                        } else {
                            toastr.success(data.message);
                        }

                        setTimeout(function () {
                            window.location.href = "{{ url('complaint/lists') }}";
                        }, 2000);


                    }, error: function (data) {
                        $('.text-danger').text('');
                        if (data.status === 422) {
                            $('#status_button').html("UPDATE").prop('disabled', false);
                            $.each(data.responseJSON.errors, function (field_name, error) {
                                $(document).find('[name=' + field_name + ']').after('<span class="text-danger">' + error + '</span>')
                            })

                        }
                    }

                });
            });

            function chkopt(element) {

                if (element == "Call Forward") {
                    $("#assign_engineer").show();
                } else {
                    $("#assign_engineer").hide();
                }
            }
			
			
			
 $("#modal-dialog").on('hide', function () 
 {
        window.location.reload();
    });
			
			</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'=>'reportsHistoryForm','id'=>'reportsHistoryForm', 'url'=>'complaint/lists', 'class'=>'form-horizontal' ,'method' => 'POST')) }}
 <div class="card mb-3" id="google_translate_element">
<div class="card-header bg-dark ">Call Status</div>
<div class="card-body">
<div class="row mb-3">                              
                                    <div class="col-sm-3">
                                        {!! Form::Label('From-Date', 'From Date') !!}
                                        <div class="input-group date_picker" id="reservationdate" data-target-input="nearest">
                                            <input type="text" id="from_date" name="from_date" value="{{ \Carbon\Carbon::parse(Carbon::now()->startOfMonth()->toDateString())->format('d-m-Y') }}" placeholder="DD-MM-YYYY" class="form-control datetimepicker-input date_picker" data-target="#from_date"/>
                                            <div class="input-group-append" data-target="#from_date" data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                                            </div>
                                        </div>
                                        <span class="text-danger">{{ $errors->first('from_date') }}</span>
                                    </div>
                                    <div class="col-sm-3">
                                        {!! Form::Label('To-Date', 'To Date') !!}
                                        <div class="input-group date_picker" id="reservationdate" data-target-input="nearest">

                                            <input type="text" id="to_date" name="to_date" value="{{ \Carbon\Carbon::parse(Carbon::now()->endOfMonth()->toDateString())->format('d-m-Y') }}" placeholder="DD-MM-YYYY" class="form-control datetimepicker-input date_picker" data-target="#to_date"/>
                                            <div class="input-group-append" data-target="#to_date" data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                                            </div>
                                        </div>
                                        <span class="text-danger">{{ $errors->first('to_date') }}</span>
                                    </div>
                                    <div class="col-sm-3">
                                        {!! Form::Label('call', 'Eng. Call') !!}
                                        <select id="eng_code" name="eng_code" class="form-control select2bs4" style="width: 100%;">
                                            {!! App\Http\Controllers\complaint\Complaint::ShowEngineerDropDown(old('eng_name')) !!}
                                        </select>
                                        <span class="text-danger">{{ $errors->first('eng_code') }}</span>
                                    </div>
                                    <div class="col-sm-2">
                                        <button type="submit" class="btn btn-success btn-flat" style="margin-top: 31px;">Search</button>
                                    </div>
                                </div>
                            {{ Form::close() }}
</div>
</div>
</div>

  
                        @if (!empty($search_results))
                        <div class="card card-primary">
                            <div class="card-header">
                                <h3 class="card-title">Call Status Report</h3>
                            </div>
                            <div class="card-body">
                                <table id="example1" class="table table-bordered table-striped">
                                    <thead>
                                        <tr><th colspan=13 align=center style= "text-align:center;color: blue;">CALL STATUS REPORT OF {{ $filter_of}} </th></tr>
                                        <tr>
                                            <th>#</th>
                                            <td>Comp. No.</td>
                                            <td>Department</td>
                                            <td>Device Name</td>
                                            <td>Serial No.</td>
                                            <td>Model No.</td>
                                            <td>Company</td>
                                            <td>Person name</td>
                                            <td>Nature</td>
                                            <td>Problem</td>
                                            <td>Status</td>
                                            <td>Remark</td>
                                            <td>Action</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($search_results as $data)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td>{{ $data->complent_no }}</td>
                                            <td>{{ $data->deptement }}</td>
                                            <td>{{ $data->device }}</td>
                                            <td>{{ $data->sr_no }}</td>
                                            <td>{{ $data->model_no }}</td>
                                            <td>{{ $data->company }}</td>
                                            <td>{{ $data->by_person }}</td>
                                            <td>{{ $data->nature }}</td>
                                            <td>{{ $data->problem }}</td>
                                            <td>{{ $data->status }}</td>
                                            <td>{{ $data->remark }}</td>
<td>

<a id="complain_status_form" onclick="show_data({{$data->complent_no}},'{{$data->status}}');" data-id="{{$data->status}}"   href="#modal-dialog" class="btn btn-primary" data-bs-toggle="modal">Status</a>

</td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table> 
                            </div>
                        </div>
                        @endif
						
						
						
               
               <div class="modal fade" id="modal-dialog">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                            <div class="card card-primary">
                                <div class="card-header">
                                    <h3 class="card-title">Complaint Status</h3>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true"></button>
                                </div>
                            </div>
                            {{ Form::open(array('name'=>'updateCallForm', 'id'=>'updateCallForm', 'class'=>'form-horizontal', 'method' => 'POST')) }}
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            {!! Form::Label('Call-Status', 'Call Status') !!}
                                            <input type="text" id="call_status" name="call_status"  value="{{ old('call_status')}}" readonly class="form-control" placeholder="Current Status">
                                             <input type="hidden" id="complent_no" name="complent_no" />
											<span class="text-danger">{{ $errors->first('call_status') }}</span>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            {!! Form::Label('Call-Update', 'Call Update') !!}
                                            <select id="update_status" name="update_status" onchange="javascript:chkopt(this.value);" class="form-control select2bs4" style="width: 100%;">
                                                <option value=""> Select</option>
                                                <option value="Pending">Pending</option>
                                                <option value="Complete">Complete</option>
                                                <option value="In Process">In Process</option>
                                                <option value="Call Forward">Call Forward</option>
                                            </select>
                                            <span class="text-danger">{{ $errors->first('update_status') }}</span>
                                        </div>
                                    </div>

                                </div>
                                <div class="row">
                                    <div class="col-md-6" id="assign_engineer" style="display: none;">
                                        <div class="form-group">
                                            {!! Form::Label('Call-forward', 'Forward to Engineer') !!}
                                            <select id="forward_to_eng_code" name="forward_to_eng_code" class="form-control select2bs4" style="width: 100%;">
                                                {!! App\Http\Controllers\complaint\Complaint::ShowEngineerNotAssign(old('forward_to_eng_code')) !!}
                                            </select>
                                            <span class="text-danger">{{ $errors->first('forward_to_eng_code') }}</span>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            {!! Form::Label('remark', 'remark') !!}
                                            <input type="text" id="call_remarks" name="call_remarks" value="{{ old('call_remarks') }}" class="form-control rounded-0" placeholder="Remarks">
                                            <span class="text-danger">{{ $errors->first('call_remarks') }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-footer text-center">
                                <button type="submit" class="btn btn-success btn-flat" id="status_button">UPDATE</button>
                                <a class="btn btn-info btn-flat" href="{{ url('complaint/lists') }}">CANCEL</a>
                            </div>
                            {{ Form::close() }}
                        </div>

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


  @endsection