@extends('layouts.app')

@section('content')

        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12"> <h2><strong class="text-danger">In Service</strong> WorkOrders: Inspection Services</h2></div>
{{--
            <div class="input-group md-form form-sm form-1 ml-2 pl-0  mb-1 col-lg-4 col-md-4 col-sm-4 float-left">
                    <div class="input-group-prepend ">
                        <span class="input-group-text purple lighten-3" id="basic-text1"><i class="fas fa-search text-white"
                            aria-hidden="true"></i></span>
                    </div>
                    <input class="form-control my-0 py-1 " type="text" placeholder="Search by Company name, Status" aria-label="Search" id="search_input">
                </div>
				--}}
            <hr>
        </div>
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12" id="">
                    
                <div class="table-responsive">
                        <table style="text-align: left;table-layout: fixed"  class="table table-bordered table-sm table-hover table-light myDatatable">
                                <thead style="background-color: rgb(80, 120, 131); color: white;font-size: 10px;">
                                    <tr>
										<th>ID</th>
                                        <th>Company</th>
                                        <th>Inquiry</th>
                                        <th>Service Address</th>
                                        <th>Equipment (Qty)</th>
                                        <th>WorkOrder completion</th>
                                        <th>Tasks Progress</th>
                                        <th>Assinged Engineers</th>
                                        <th>Status</th>
                                        <th>Created At</th>
                                        <th>Action</th>

                                    </tr>
                                </thead>

                                @foreach ($insservices as $insservice)
                                @php
                                    
                                    $tr_bg = "";
                                    if($insservice->workorder->failed){
                                        $tr_bg= "bg-danger";
                                    }
                                @endphp
                                <tr style="font-size: 12px;" class="{{ $tr_bg }}">
									<td>{{$insservice->workorder->id}}</Td>
                                    <td><a href="/companies/{{$insservice->inqservice->branch->company->id}}">
                                        {{ $insservice->inqservice->branch->company->name }}</a></td>
                                        <td><a href="/inqservices/{{$insservice->inqservice->id}}">View</a></td>
                                    <td>{{ $insservice->zone->emirate->name }}, {{ $insservice->zone->name }}, {{$insservice->location}} </td>
                                    <td>
                                            <ul class="list-group">
                                                    @foreach ($insservice->equipment as $inss_eq)
                                                <li >
                                                        {{ $inss_eq->name }} ( {{ $inss_eq->pivot->qty }} )

                                                </li>
                                                    @endforeach
                                            </ul>

                                    </td>
                                    <td>
                                            <div class="progress">
                                                    <div class="progress-bar progress-bar-success progress-bar-striped active"
                                                     role="progressbar" aria-valuenow={{$workorder_progress[$insservice->id]}}
                                            aria-valuemin="0" aria-valuemax="100"  style="min-width:10%;
                                                width:{{$workorder_progress[$insservice->id]}}%">
                                                    {{$workorder_progress[$insservice->id]}}%
                                                    </div>
                                                    </div>
                                    </td>
                                    <td>
                                            <div class="progress">
                                                @php

                                                    if(array_key_exists($insservice->id,$task_progress)){
                                                        $task_progress_val = $task_progress[$insservice->id];
                                                    }else{
                                                        $task_progress_val = 0;
                                                    }
                                                @endphp
                                                    <div class="progress-bar progress-bar-success progress-bar-striped active"
                                                    role="progressbar" aria-valuenow={{$task_progress_val}}
                                                    aria-valuemin="0" aria-valuemax="100" style="min-width:10%;
                                                    width:{{$task_progress_val}}%">
                                                    {{$task_progress_val}}%
                                                    </div>
                                                    </div>
                                    </td>
                                    <td>
                                        <ul class="list-group">
                                            @foreach ($insservice->workorder->instask as $instask)
                                                @foreach ($instask->user as $inspector)
                                                    <li>* {{ $inspector->name }}</li>
                                                @endforeach
                                                <hr>
                                            @endforeach
                                        </ul>
                                    </td>
                                    <td>{{ $insservice->workorder->inqstatus->name }}</td>
                                    
                                    <td>{{ $insservice->created_at }}</td>
                                    <td>
                                        @php
                                            if($insservice->workorder->inqstatus_id == 1 and $insservice->workorder->failed == 0) // new workorder
                                            {
                                                $failed_workorder_btn = "inline-block";
                                            }else{
                                                $failed_workorder_btn = "none";
                                            }
                                        @endphp
                                        <a  href="/workorders/{{$insservice->workorder->id}}" class="btn btn-sm btn-primary mb-1">View</a>

                                        <button type="button" style="display:{{$failed_workorder_btn}};"
                                          data-toggle="modal" data-target="#workorder_failed_{{$insservice->workorder->id}}"
                                            class="btn btn-sm btn-warning mb-1 ">Mark Failed</button>

                                    </td>
                                </tr>
                                @endforeach
                        </table>
                </div>

            </div>
        </div>


<!--Mark Failed Modal -->
@foreach ($insservices as $insservice)
        <div class="modal fade" id="workorder_failed_{{$insservice->workorder->id}}" tabindex="-1" role="dialog" 
                aria-labelledby="workorder_failed_modal_{{$insservice->workorder->id}}" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="workorder_failed_modal_{{$insservice->workorder->id}}">Failed Notice For Workorder: {{$insservice->workorder->id}}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form action="{{ route('workorder_failed',$insservice->id) }}" method="POST">
                        @csrf
                        <div class="form-group">
                            <label class="form-check-label">Failed Reason</label>
                            <textarea class="form-control" name="failed_note"></textarea>
                        </div>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-primary">Save changes</button>
                    </form>
                </div>
                {{-- <div class="modal-footer">

                </div> --}}
                </div>
            </div>
        </div>
@endforeach


@endsection