@extends('header')

@section('head')
    @parent

    <script src="{{ asset('js/select2.min.js') }}" type="text/javascript"></script>
    <link href="{{ asset('css/select2.css') }}" rel="stylesheet" type="text/css"/>
    <script src="{{ asset('js/Chart.min.js') }}" type="text/javascript"></script>
    <style type="text/css">
        .a-link{
            text-decoration: underline;
            text-transform: uppercase;size:
        }
		@media print {
		   .col-md-4, .col-md-6, .col-md-7, .col-md-5 {
				float: left;
		   }		   
		   .col-md-7 {
				width: 58.33333333%;
		   }
		   .col-md-6 {
				width: 50%;
		   }
		   .col-md-5 {
				width:41.66666667%;
		   }
		   .col-md-4 {
				width: 33.33333333%;
		   }
		   .col-md-8 {
				width: 66.66666667%;
			}
		   .col-md-offset-2 {
				margin-left: 10%;
			}
			.progress-bar-striped {
				background-color: #36c157 !important;
				-webkit-print-color-adjust: exact; 
			}
			.greybg{
				background-color: #f8f8f8 !important;
				-webkit-print-color-adjust: exact; 
				width:100%;
				padding:0 15px;
			}
			iframe {
				width:100%;
			}
			.panel-body h4 {
				margin: 5px 0 0;
			}
		}
		
		.panel-body h4 {
			margin: 5px 0 0;
		}
    </style>
@stop


@section('content')

    <div class="row">
        <div class="col-md-7">
            <ol class="breadcrumb">
              <li><strong>Job Number {{ $project->job_no }}</strong></li>
             
            </ol>
        </div>
        <div class="col-md-5">
            <div class="pull-right">

                <div><strong>Due date:</strong> 
                    @if ($project->due_date)
                        <span><b> {{ Utils::fromSqlDate($project->due_date) }} </b></span>
                    @else
                        &nbsp;
                    @endif
                </div>
                <div style="clear:both"></div>
  				<div><strong>Appt. Date & Time:</strong> 
  
  				@if ($project->application_date)
                    <span><b> {{ Utils::fromSqlDate($project->application_date) }} </b></span><br>
                @else
                    <br/>&nbsp;
                @endif
                
                
                </div>
            </div>
        </div>
    </div>
	<div class="panel panel-default" style="border: 2px solid #000 !important;border-radius: 0;box-shadow: 0 0 0;border-width: 2px 0 !important;">
        <div class="panel-body" style="padding: 10px 0;">
        	<div class="">
                <div class="col-md-4">
                    <span style="font-size:18px;font-weight:bold">{{ trans('texts.details') }}</span>
                    <h4 style="font-size:14px">
                        @if($project->client)
                           <strong> Client Name: </strong>
                            {!! $project->client->name !!}<br/>
                        @endif
                    </h4>
                    <h4 style="font-size:14px">
                        @if($project->type)
                              <strong> Survey Type:</strong> 
                            
                            @if(is_array(json_decode($project->type)))
                                @php
                                    $type = DB::table('products')->whereIn('id', json_decode($project->type))->select('id', 'product_key')->get();
                                @endphp
                                @php $i = 1; @endphp                  
                                @foreach ($type as $types)
                                    {{ $types->product_key }}
                                    @if($i < count($type))
                                        , 
                                    @endif
                                    @php $i++; @endphp 
                                @endforeach
                            @else
                                {{ $project->type }}
                            @endif
                            
                            <br/>
                        @endif
                    </h4>
                    <h4 style="font-size:14px">
                        @if($project->name)
                             <strong>  DWG Name: </strong>
                            {!! $project->name !!}<br/>
                        @endif
                    </h4>
                    <h4 style="font-size:14px">
                        @if($project->status)
                              <strong> Status: </strong>
                            <span style="color:green;font-weight:600">{!! $project->status !!}</span><br/>
                        @endif
                    </h4>
                    <h4 style="font-size:14px">
                        @if($project->is_rush_job == 1)
                            <span style="color:red"><b>Rush Job</b></span><br/>
                        @endif
                       
                        
                        
                    </h4>
                </div>
                <div class="col-md-4">
                    <span style="font-size:18px;font-weight:bold">Project Crew</span>
                     @if(!empty($managername))
                    <h4 style="font-size:16px">
                        <strong>Manager</strong>: {{ $managername }}
                    </h4>
                    @endif
                    <h4 style="font-size:14px">
                        <strong>Field Crew</strong>: {{ $fieldcrewmember }}
                    </h4>
                    <h4 style="font-size:14px">
                        <strong>Computation</strong>: {{ $computationsmember }}
                    </h4>
                    <h4 style="font-size:14px">
                        <strong>Draftsperson</strong>: {{ $drefts_personmember }}
                    </h4>
                    <h4 style="font-size:14px">
                        <strong>Checked By</strong>: {{ $checked_by_member }}
                    </h4>
                    <h4 style="font-size:14px">
                        <strong>Corrected By</strong>: {{ $corrected_by_member }}
                    </h4>
                    
                    
                </div>               
                
                <div class="col-md-4">
                    <span style="font-size:18px;font-weight:bold">{{ trans('texts.file_name_number') }}</span><br>
                    <div style="margin-top:10px">
                        {!! $project->file_name_number !!}
                    </div>
                </div>
            </div>
        </div>
    </div>

    
    
    <div class="greybg" >
    <div class="row">
        @php
            $width = 0;
            if($project->researchCount != 0){
                $width = $width + 9.1;
            }
            if($project->field_workCount != 0){
                $width = $width + 9.1;
            }
            if($project->computationCount != 0){
                $width = $width + 9.1;
            }
            if($project->draftingCount != 0){
                $width = $width + 9.1;
            }
            if($project->first_checkCount != 0){
                $width = $width + 9.1;
            }
            if($project->correctionCount != 0){
                $width = $width + 9.1;
            }
            if($project->final_checkCount != 0){
                $width = $width + 9.1;
            }
            if($project->final_correctionCount != 0){
                $width = $width + 9.1;
            }
            if($project->completedCount != 0){
                $width = $width + 9.1;
            }
            if($project->deliveredCount != 0){
                $width = $width + 9.1;
            }
            if($project->gradeCount === 'A' || $project->gradeCount === 'B' || $project->gradeCount === 'C' || $project->gradeCount === 'a' || $project->gradeCount === 'b' || $project->gradeCount === 'c'){
                $width = $width + 9.1;
            }
        @endphp
        <div class="col-md-12">
            <h4><b>Project Check List</b></h4>
            <div id="progress-div" class="progress">
                <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: {{$width}}%; background-color: #36c157 ;"></div>
            </div>
        </div>
        <div class="col-md-12">
            <div  style="margin-bottom: 15px; margin-left:5px; margin-top: 0; float: left">
                <label style="font-size: 16px; font-weight: 500; float: left; padding-right: 4px;">Research</label>
                @if($project->researchCount == 1)
                    <img src="{{url('images/checkbox.png')}}">
                @endif
                &emsp; 
            </div>

            <div  style="margin-bottom: 15px; margin-left:5px; margin-top: 0; float: left">
                <label style="font-size: 16px; font-weight: 500; float: left; padding-right: 4px;">Field Work</label>
                @if($project->field_workCount == 1)
                    <img src="{{url('images/checkbox.png')}}">
                @endif
                &emsp;
            </div>

            <div  style="margin-bottom: 15px; margin-left:5px; margin-top: 0; float: left">
                    <label style="font-size: 16px; font-weight: 500; float: left; padding-right: 4px;">Computation</label>
                    @if($project->computationCount == 1)
                        <img src="{{url('images/checkbox.png')}}">
                    @endif
                    &emsp;
            </div>
            
            <div  style="margin-bottom: 15px; margin-left:5px; margin-top: 0; float: left">
                    <label style="font-size: 16px; font-weight: 500; float: left; padding-right: 4px;">Drafting</label>
                    @if($project->draftingCount == 1)
                        <img src="{{url('images/checkbox.png')}}">
                    @endif
                    &emsp;
            </div>

            <div  style="margin-bottom: 15px; margin-left:5px; margin-top: 0; float: left">
                <label style="font-size: 16px; font-weight: 500; float: left; padding-right: 4px;">First Check</label>
                @if($project->first_checkCount == 1)
                    <img src="{{url('images/checkbox.png')}}">
                @endif
                &emsp;
            </div>

            <div  style="margin-bottom: 15px; margin-left:5px; margin-top: 0; float: left">
                <label style="font-size: 16px; font-weight: 500; float: left; padding-right: 4px;">Correction</label>
                @if($project->correctionCount == 1)
                    <img src="{{url('images/checkbox.png')}}">
                @endif
                &emsp;
            </div>

            <div  style="margin-bottom: 15px; margin-left:5px; margin-top: 0; float: left">
                <label style="font-size: 16px; font-weight: 500; float: left; padding-right: 4px;">Final Check</label>
                @if($project->final_checkCount == 1)
                    <img src="{{url('images/checkbox.png')}}">
                @endif
                &emsp;
            </div>

            <div  style="margin-bottom: 15px; margin-left:5px; margin-top: 0; float: left">
                <label style="font-size: 16px; font-weight: 500; float: left; padding-right: 4px;">Final Correction</label>
                @if($project->final_correctionCount == 1)
                    <img src="{{url('images/checkbox.png')}}">
                @endif
                &emsp;
            </div>
            
            <div  style="margin-bottom: 15px; margin-left:5px; margin-top: 0; float: left">
                <label style="font-size: 16px; font-weight: 500; float: left; padding-right: 4px;">Completed</label>
                @if($project->completedCount == 1)
                    <img src="{{url('images/checkbox.png')}}">
                @endif
                &emsp;
            </div>

            <div  style="margin-bottom: 15px; margin-left:5px; margin-top: 0; float: left">
                <label style="font-size: 16px; font-weight: 500; float: left; padding-right: 4px;">Delivered</label>
                @if($project->deliveredCount == 1)
                    <img src="{{url('images/checkbox.png')}}">
                @endif
                &emsp;
            </div>
            
            <div class="dropdown" style="margin-bottom: 15px; margin-left:5px; margin-top: 0; float: left">
            
                <label style="font-size: 18px; font-weight: 500; float: left; padding-right: 4px;">Grade&nbsp;</label>
                 <label style="font-size: 20px; font-weight: 500; float: left; padding-right: 4px;color:#3ca85e; font-weight:bold">
                @if($project->gradeCount === 'A') A @endif
                @if($project->gradeCount === 'B') B @endif
                @if($project->gradeCount === 'C') C @endif
                @if($project->gradeCount === 'a') a @endif
                @if($project->gradeCount === 'b') b @endif
                @if($project->gradeCount === 'c') c @endif
                </label>
                &emsp;
            </div>
        </div>
    </div>
    <br>

        <iframe
          width="100%"
          height="200px"
          frameborder="0" style="border:0"
          src="https://www.google.com/maps/embed/v1/place?key={{ env('GOOGLE_MAPS_API_KEY') }}&q={!! e("{$project['address']} {$project['city_town']} {$project['proj_state']} {$project['zip']} {$project['country']}") !!}" allowfullscreen>
        </iframe>
        
        <br>
        <div class="row">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-6">
                        <h5><b>Client Information</b></h5>
                        @if($project->client)
                            @if ($project['client']->showMap())
                                <address>
                                    {{$project['client']->address1}}<br>
                                    {{$project['client']->city}}, {{$project['client']->state}} {{$project['client']->postal_code}}<br>
                                    @foreach ($project['client']->contacts as $contact)
                                        @if ($contact->phone)
                                            {{ $contact->phone }}<br/>
                                        @endif
                                        @if ($contact->email)
                                            {!! HTML::mailto($contact->email, $contact->email) !!}<br/>
                                        @endif
                                    @endforeach
                                </address>
                            @endif
                        @endif
                    </div>
                    <div class="col-md-6">
                        <h5><b>Property Information</b></h5>
                        {{$project['address']}}<br>
                        {{$project['city_town']}}, {{$project['proj_state']}} {{$project['zip']}}<br>
                        County: {{$project['country']}}<br>
                        <b>District: </b>{{$project['district']}} &emsp;
                        <b>Section: </b>{{$project['section']}} &emsp;
                        <b>Block: </b>{{$project['block']}} &emsp;
                        <b>Lot: </b>{{$project['lot']}} &emsp;
                        <b>Borough: </b>{{$project['borough']}} &emsp;
                    </div>
                </div>
            </div>
        </div>
	</div>
        <br>

    <div class="row" style="background:#fff;padding-bottom:20px;">
            <div class="col-md-8 col-md-offset-2">
                <div class="row">
                    <div class="col-md-6">
                        <h4 style="text-align:center;"><b>Drafter Notes</b></h4>
                      
								{{$project->drafter_notes}}
						
                    </div>
                    <div class="col-md-6">
                        <h4 style="text-align:center;"><b>Manager Notes</b></h4>
						
                      {{$project->manager_notes}}
					   
                    </div>
                </div>
            </div>
        </div>
        
        
        <div class="row" style="background:#fff;">
            <div class="col-md-8 col-md-offset-2">
                <div class="row">
                    <div class="col-md-6">
                        <h4 style="text-align:center;"><b>Employee Notes</b></h4>
                        
						@if(count($employees) > 0)
                            @foreach($employees as $employee)
                               
                                    <span style="float: left;width: 100%;text-align: left;padding-right: 15px;">
                                        <b style="font-size:14px">{{$employee->getPostedByName->first_name}} {{$employee->getPostedByName->last_name}}, {{$employee->created_at->format('m/d/y h:i a')}}</b><br>
                                    </span>
                                    <span style="float: left;width: 100%;margin-bottom: 15px;font-size: 13px;">
                                        {!! $employee->notes !!}
                                    </span>
                                
                            @endforeach
                        @else
                            <div class="col-sm-12" style="text-align: center;">
                                <span><b>No Notes</b></span>
                            </div>
                        @endif
                    </div>
                    <div class="col-md-6">
                     <h4 style="text-align:center;"><b>Customer Notes</b></h4>
                        @if(count($customers) > 0)
                            @foreach($customers as $customer)
                                <div class="col-sm-12">
                                    <span style="float: left;width: 100%;text-align: left;padding-right: 15px;">
                                        <b style="font-size:14px">{{$customer->getPostedByName->first_name}} {{$customer->getPostedByName->last_name}}, {{$customer->created_at->format('m/d/y h:i a')}}</b><br>
                                    </span>
                                    <span style="float: left;width: 100%;margin-bottom: 15px;padding-left: 15px;">
                                        {!! $customer->notes !!}
                                    </span>
                                </div>
                            @endforeach
                        @else
                            <div class="col-sm-12" style="text-align: center;">
                                <span><b>No Notes</b></span>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

    
    
    

    <br/>

	

    <script type="text/javascript">
window.print()
    var loadedTabs = {};

	$(function() {
		$('.normalDropDown:not(.dropdown-toggle)').click(function(event) {
            openUrlOnClick('{{ URL::to('projects/' . $project->public_id . '/edit') }}', event)
		});
		$('.primaryDropDown:not(.dropdown-toggle)').click(function(event) {
			openUrlOnClick('{{ $project->client ? URL::to('tasks/create/' . $project->client->public_id . '/' . $project->public_id ) : "#" }}', event);
		});

        $('.nav-tabs a[href="#tasks"]').tab('show');

        var chartData = {!! json_encode($chartData) !!};
        loadChart(chartData);
	});

	function onArchiveClick() {
		$('#action').val('archive');
		$('.mainForm').submit();
	}

	function onRestoreClick() {
		$('#action').val('restore');
		$('.mainForm').submit();
	}

	function onDeleteClick() {
		if (confirm({!! json_encode(trans('texts.are_you_sure')) !!})) {
			$('#action').val('delete');
			$('.mainForm').submit();
		}
	}

    function loadChart(data) {
        if (! data.duration) {
            return;
        }
        var ctx = document.getElementById('chart-canvas').getContext('2d');
        $('#chart-canvas').fadeIn();
        window.myChart = new Chart(ctx, {
            type: 'line',
            data: data,
            options: {
                legend: {
                    display: false,
                },
                scales: {
                    xAxes: [{
                        type: 'time',
                        time: {
                            unit: 'day',
                            round: 'day',
                        },
                        gridLines: {
                            display: false,
                        },
                    }],
                    yAxes: [{
                        ticks: {
                            @if ($project->budgeted_hours)
                                max: {{ max($project->budgeted_hours, $chartData->duration / 60 / 60) }},
                            @endif
                            beginAtZero: true,
                            callback: function(label, index, labels) {
                                return roundToTwo(label) + " {{ trans('texts.hours') }}";
                            }
                        },
                    }]
                }
            }
        });
    }


	</script>
	
    <script src="{{ URL('templateEditor/ckeditor/ckeditor.js')}}"></script>  
    <script type="text/javascript">
    	CKEDITOR.replace( 'emp_notes',{
            customConfig: '/templateEditor/ckeditor/custom_config.js',
        });
        CKEDITOR.replace( 'cus_notes',{
            customConfig: '/templateEditor/ckeditor/custom_config.js',
        });
  </script>  

@stop