@extends('layouts.view')
@section('title',trans('lang.ncrs'))
@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="page-title-box">
                    <div class="float-right">

                    </div>
                    <h4 class="page-title">{{trans('lang.ncrs')}}</h4>
                </div><!--end page-title-box-->
            </div><!--end col-->
        </div><!--end row-->
        <div class="col-12">
            <div class="card">
                @if ($message = Session::get('success'))
                    <div class="alert alert-success">
                        <p>{{ $message }}</p>
                    </div>
                @endif
                <div class="card-body">
                    <div id="viewtable">
                        <h4 class="mt-0 header-title">{{trans('lang.ncrs')}} </h4>
                        <div class="row">
                            <div class="col-lg-12">
                                <span id="form_result"></span>
                                <form class="form-horizontal row-fluid" id="sample_form" method="post"
                                      enctype="multipart/form-data" action="{{route('ncr_report')}}">
                                    @csrf
                                    <div class="form-group row">
                                        <label class="col-sm-2 col-form-label text-right"
                                               for="basicinput"> {{trans('lang.date_from')}}</label>
                                        <div class="col-sm-4">
                                            <input type="text" autocomplete="false" id="date_from" name="date_from"
                                                   placeholder="{{trans('lang.date_from')}} ..."
                                                   class="datepicker form-control" required>
                                        </div>
                                        <label class="col-sm-2 col-form-label text-right"
                                               for="basicinput"> {{trans('lang.date_to')}}</label>
                                        <div class="col-sm-4">
                                            <input type="text" autocomplete="false" id="date_to" name="date_to"
                                                   placeholder="{{trans('lang.date_to')}} ..."
                                                   class="datepicker form-control" required>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-sm-12" style="text-align: center;">
                                            <button type="submit" name="action_button" id="action_button"
                                                    class="btn btn-primary">{{ trans('lang.run_report') }}</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <p>
                            @can('NCR-create')
                                <a class="btn btn-primary px-5 py-2" href="{{ route('NCR.create') }}">{{trans('lang.addncr')}}</a>
                            @endcan
                        </p>
                                <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                    <thead>
                                    <tr>
                                        <th>{{trans('lang.id')}}</th>
                                        <th>{{trans('lang.Ref')}}</th>
                                        <th>{{trans('lang.SQ')}} </th>
                                        <th>{{trans('lang.Health')}} </th>
                                        <th>{{trans('lang.Safety')}} </th>
                                        <th>{{trans('lang.Environment')}} </th>
                                        <th>{{trans('lang.Complaint')}}</th>
                                        <th>{{trans('lang.branchname')}}</th>
                                        <th>{{trans('lang.dept_name')}}</th>
                                        <th>{{trans('lang.the_date')}}</th>
                                        <th>{{trans('lang.Non_Conformance_Description')}} </th>
                                        <th>{{trans('lang.Initiator')}} </th>
                                        <th>{{trans('lang.NCR_Risk')}}</th>
                                        <th>{{trans('lang.Investigator')}}</th>
                                        <th>{{trans('lang.Result_of_investigation')}}</th>
                                        <th>{{trans('lang.Correction_Applied_By')}}</th>
                                        <th>{{trans('lang.Corrective_Action_Preventive_Action')}} </th>
                                        <th>{{trans('lang.QHSE_Manager')}}</th>
                                        <th>{{trans('lang.Follow_Up_Verification_and_Close_Out')}}</th>
                                        <th>{{trans('lang.rigname')}}</th>
                                        <th>{{trans('lang.Job_ID')}}</th>
                                        <th>{{trans('lang.Status')}}</th>
                                        @canany(['NCR-edit','NCR-delete'])
                                            <th width="200px">{{trans('role.action')}}</th>
                                        @endcanany

                                    </tr>
                                    </thead>
                                    <tbody>@foreach ($NCRS as $Shipment)
                                        <tr>
                                            <td>{{ $Shipment->id}}</td>
                                            <td>{{ $Shipment->ref}}</td>
                                            <td>No </td>
                                            <td>No </td>
                                            <td>No </td>
                                            <td>No</td>
                                            <td>Internal</td>
                                            <td>{{ isset($Shipment->branch)?$Shipment->branch->name: 'None'}}</td>
                                            <td>{{ isset($Shipment->department)?$Shipment->department->name: 'None'}}</td>
                                            <td>{{ $Shipment->created_at}}</td>
                                            <td>{{ $Shipment->non_conformance_description}}</td>

                                            <td>{{ isset($Shipment->initiator)?$Shipment->initiator->name: 'None'}}</td>
                                            <td>{{ $Shipment->risk}}</td>
                                            <td>{{ isset($Shipment->investigator)?$Shipment->investigator->name: 'None'}}</td>
                                            <td>{{ $Shipment->result_of_investigation}}</td>

                                            <td>{{ isset($Shipment->correcter)?$Shipment->correcter->name: 'None'}}</td>
                                            <td>{{ $Shipment->corrective_preventive_action}}</td>
                                            <td>{{ isset($Shipment->qhseManager)?$Shipment->qhseManager->name: 'None'}}</td>
                                            <td>{{ $Shipment->close_out}}</td>
                                            <td>{{ isset($Shipment->rig)?$Shipment->rig->name: 'None'}}</td>
                                            <td>{{ $Shipment->job_id}}</td>
                                            <td>{{ $Shipment->GetStatusName()}}</td>
                                            @canany(['NCR-edit','NCR-delete'])
                                                <td>
                                                    @can('NCR-edit')
                                                        <a class="btn btn-primary"
                                                           href="{{ route('NCR.edit',$Shipment->id) }}">{{trans('lang.edit')}}</a>
                                                    @endcan
                                                    @can('NCR-delete')
                                                        <a class="delete btn btn-danger" id="{{$Shipment->id}}"
                                                           href="#">{{trans('lang.delete')}}</a>
                                                    @endcan
                                                            <a target="_blank" class=" btn btn-warning"
                                                               href="{{ route('NCR.show',$Shipment->id) }}">{{trans('lang.show')}}</a>
                                                </td>
                                            @endcanany
                                        </tr>
                                    @endforeach
                                    </tbody>

                                </table>
                    </div>
                </div>
            </div>
        </div> <!-- end col -->
    </div>
    <div id="confirmModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h2 class="modal-title"></h2>
                </div>
                <div class="modal-body">
                    <h4 align="center" style="margin:0;">{{ trans('lang.doyouwantdel') }}</h4>
                </div>
                <div class="modal-footer">
                    <button type="button" name="ok_button" id="ok_button" class="btn btn-danger">{{ trans('lang.ok') }}</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{ trans('lang.cancel') }}</button>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function(){
            var user_id;
            $(document).on('click', '.delete', function(){
                //alert($(this).attr('id'));
                user_id = $(this).attr('id');
                $('#confirmModal').modal('show');
            });
            $('.datepicker').datepicker({
                dateFormat: 'yy-mm-dd',
            });
            $('#ok_button').click(function(){
                $.ajax({
                    url:"NCR/destroy/"+user_id,
                    beforeSend:function(){
                        $('#ok_button').text('{{ trans('lang.deleting') }}');
                    },
                    success:function(data)
                    {
                        setTimeout(function(){
                            $('#confirmModal').modal('hide');
                            window.location.replace("NCR")
                        }, 2000);
                    }
                })
            });
        });
    </script>
@endsection