@extends('layouts.app')

@section('title')
All Work Orders
@stop

@section('breadcrumb')
<ol class="breadcrumb pull-right">
        <li><a href="{{route('home')}}"><i class="fa fa-dashboard"></i> Home</a></li>

        <li class="active">Work Order list</li>
</ol>
@stop
@section('css')
 <link href="{{asset('css/procurement_css.css')}}" rel="stylesheet">
@stop
@section('content')
  <div class="container-fluid">
  <div class="row">
                    
  <div class="col-sm-12">
                        <div class="white-box">

                            @permission('work-order')
                           
                             <h3 style="text-align: right;" class="box-title m-b-0">
                                <span style="float: left;">List Of All Work Order</span><a class="btn btn-info btn-sm" href="{{ route('work-order.create') }}">Add Work Order</a></h3>

                             @endpermission
                            <div class="table-responsive">
                             
                            @if(Session::has('success'))   
                            <div id="successMessage" class="alert alert-success" role="alert">
                            {{ Session::get('success') }}
                            </div>
                            @endif


                            @if(Session::has('error'))   
                            <div id="successMessage" class="alert alert-danger" role="alert">
                            {{ Session::get('error') }}
                            </div>
                            @endif


                                <table id="myTable" class="table table-striped table-bordered dataTable color-table primary-table" role="grid" aria-describedby="myTable_info">
                                    <thead>
                                        <tr role="row">
                                        	<th style="color: black;" class="sorting_asc" tabindex="0" aria-controls="myTable" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Name: activate to sort column descending" style="width: 150px;">Name</th>
                                            <th style="color: black;" class="sorting_asc" tabindex="0" aria-controls="myTable" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Name: activate to sort column descending" style="width: 100px;">Priority</th>

                                        	<th style="color: black;" class="sorting" tabindex="0" aria-controls="myTable" rowspan="1" colspan="1" aria-label="Office: activate to sort column ascending" style="width: 100px;">Type</th>

                                            <th style="color: black;" class="sorting" tabindex="0" aria-controls="myTable" rowspan="1" colspan="1" aria-label="Office: activate to sort column ascending" style="width: 100px;">Asignee</th>

                                            <th style="color: black;" class="sorting" tabindex="0" aria-controls="myTable" rowspan="1" colspan="1" aria-label="Office: activate to sort column ascending" style="width: 100px;">Created By</th>

                                            <th style="color: black;" class="sorting" tabindex="0" aria-controls="myTable" rowspan="1" colspan="1" aria-label="Office: activate to sort column ascending" style="width: 100px;">Total Cost</th>


                                            <th style="color: black;" class="sorting" tabindex="0" aria-controls="myTable" rowspan="1" colspan="1" aria-label="Office: activate to sort column ascending" style="width: 50px;">Action</th>

                                        </tr>
                                    </thead>
                                    <tbody>
  
                                        
                                      
                                @if($task->count() > 0  )
                                @php
                                $total_amount = 0;
                                @endphp
                                        @foreach($task as $key => $parent_list)
                                         
                                        <tr >
                                            <td>
                                            {{ $parent_list->text }} 
                                            </td>

                                            <td class="normal_priorty">
                                            {{ Ucfirst($parent_list->task_priority) }} 
                                            </td>

                                            <td>
                                            {{ Ucfirst($parent_list->task_type) }} 
                                            </td>

                                            <td>
                                            -                                            </td>

                                            <td>
                                             - 
                                            </td>

                                            <td>
                                              {{ number_format($parent_list->total_cost , 2) }}  
                                            </td>

                                            <td>
                                             @if($parent_list->node_name == 'leaf')

                                            <a href="#" style="margin-right: 1rem;color: #4a5256;"  onclick="return showBoq(this)"  data-bs-toggle="tooltip" data-bs-placement="top" title="BOQ"  ><i class="fa fa-book" aria-hidden="true"></i></a>

                                              <a href="{{ route('work-order.edit' , [$parent_list->id]) }}" style="margin-right: 1rem;"  data-bs-toggle="tooltip" data-bs-placement="top" title="EDIT"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                                              </a>

                                              <a href="{{ route('work-order.delete' , [$parent_list->id]) }}"data-toggle="confirmation" data-title="Are you sure to delete?" >
                                                  <i class="fa fa-trash-o" style="color:red" aria-hidden="true"></i>
                                              </a>
                                             @else

                                             {{'-'}}

                                             @endif 
                                            </td>


                                            @if(count($parent_list->childs) )

                                            @include('procurement.work-order.child-layout.manage-list-child',['childs' => $parent_list->childs])
                                            @endif

                                            </tr> 

                                            @if($loop->last)
                                            <tr>
                                            <td colspan="5" style="font-weight: bold;"> Subtotal : </td>
                                            <td colspan="2" >    {{ number_format($parent_list->total_cost , 2) }} </td>
                                            </tr>
                                            @endif
                                       
                                        @endforeach
                                    
                                        @endif
                                
                                      
                                         </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
               </div>
          </div>


<!-- Modal -->
<div class="modal fade" id="boq-modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="boq_header"></h5>
     
      </div>


  <div class="modal-body">

       
    <center>
        <h3 style="background: #4a5256;color: white;padding: 1rem;">
        Bill Of Quantity Items
        </h3>
    </center>
             

 <table class="table table-striped">
   <thead>
    <tr>
      <th scope="col">Item</th>
      <th scope="col">Unit</th>
      <th scope="col">quantity</th>
      <th scope="col">Rate Per Unit</th>
      <th scope="col">Total Cost</th>
      <th scope="col">Date</th>
    </tr>
  </thead>
  <tbody id="boq_items">
   
  </tbody>
</table>

      </div>
      <div style="text-align: left;" class="modal-footer">
        <b>Total : </b> <span id="total_ammount"></span>
       <button type="button" style="float: right;" class="btn btn-secondary" onclick="return hideModal()">Close</button>

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

@stop

@section('js')  

<script type="text/javascript">

    $('document').ready(function(){
    $('[data-bs-toggle=tooltip]').tooltip();
    });


    function hideModal() 
    {
         $('#boq-modal').modal('hide')
    }

    function showBoq(self , id) 
    {
        $.ajax({
        type : 'get',
        url : "{{route('work-order.boq.view')}}",
        data:{'id': id },
        dataType: 'json',
        success:function(data)
        {
            if (data.response == 'found')
            {

            var output = '';
            $.each(data.boq, function(key, value) {
            output += '<tr>';
            output += '<td >'+value.item_name+'</td>';
            output += '<td >'+value.item_unit+'</td>';
            output += '<td >'+value.quantity+'</td>';
            output += '<td >'+value.rate_per_unit+'</td>';
            output += '<td >'+value.total_cost+'</td>';
            output += '<td >'+value.date+'</td>';
            output += '</tr>';  
            });


            $('#boq_header').html('<b> ' + data.task.text + ' </b>')
            $('#boq_items').html(output)
            $('#total_ammount').html(data.total_ammount);

            $('#boq-modal').modal({backdrop:'static'})
            }
        }
        });

        return false;
    }

</script>
@stop