@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:
        }
    </style>
@stop


@section('content')

    <div class="row">
        <div class="col-md-7">
            <ol class="breadcrumb">
              <li>{{ link_to('/projects', trans('texts.projects')) }}</li>
              <li class='active'>{{ $project->job_no }}</li> {!! $project->present()->statusLabel !!}
            </ol>
        </div>
        <div class="col-md-5">
            <div class="pull-right">

                {!! Former::open('projects/bulk')->autocomplete('off')->addClass('mainForm') !!}
            		<div style="display:none">
            			{!! Former::text('action') !!}
            			{!! Former::text('public_id')->value($project->public_id) !!}
            		</div>

                @if ( ! $project->is_deleted)
                    @can('edit', $project)
                        {!! DropdownButton::normal(trans('texts.edit_project'))
                            ->withAttributes(['class'=>'normalDropDown'])
                            ->withContents([
                              ($project->trashed() ? false : ['label' => trans('texts.archive_project'), 'url' => "javascript:onArchiveClick()"]),
                              ['label' => trans('texts.delete_project'), 'url' => "javascript:onDeleteClick()"],
                            ]
                          )->split() !!}
                    @endcan
                @endif

                @if ($project->trashed())
                    @can('edit', $project)
                        {!! Button::primary(trans('texts.restore_project'))
                                ->appendIcon(Icon::create('cloud-download'))
                                ->withAttributes(['onclick' => 'onRestoreClick()']) !!}
                    @endcan
                @endif

                {!! Former::close() !!}

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


    <div class="panel panel-default">
        <div class="panel-body">
        	<div class="row">
                <div class="col-md-3">
                    <span style="font-size:20px">{{ trans('texts.details') }}</span>
                    <h4 style="font-size:16px">
                        @if($project->client)
                            Client Name: 
                            {!! $project->client->present()->link !!}<br/>
                        @endif
                    </h4>
                    <h4 style="font-size:16px">
                        @if($project->type)
                            Survey Type: 
                            
                            @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:16px">
                        @if($project->name)
                            DWG Name: 
                            {!! $project->name !!}<br/>
                        @endif
                    </h4>
                    <h4 style="font-size:16px">
                        @if($project->status)
                            Status: 
                            <span style="color:green;font-weight:600">{!! $project->status !!}</span><br/>
                        @endif
                    </h4>
                    <h4 style="font-size:16px">
                        @if($project->is_rush_job == 1)
                            <span style="color:red"><b>Rush Job</b></span><br/>
                        @endif
                    </h4>
                </div>
                <div class="col-md-3">
                    <div class="row">
                        <div class="col-md-6" style="padding: 5px;">
                            <div style="background:cyan;margin: auto;border-radius: 10px;text-align: center;padding: 10px;">
                                <span style="font-size: 17px;">{{trans('texts.due_date')}}</span><br>
                                <img src="{{url('logo/calendar.png')}}" alt="calendar" class="d-block mx-auto" style="width: 60px;"><br><br>
                                @if ($project->due_date)
                                    <span><b> {{ Utils::fromSqlDate($project->due_date) }} </b></span>
                                @else
                                    &nbsp;
                                @endif
                            </div>
                        </div>
                        <div class="col-md-6" style="padding: 5px;">
                            <div style="background:cyan;margin: auto;border-radius: 10px;text-align: center;padding: 10px;">
                                <span style="font-size: 16px;">{{trans('texts.application_date') .' & '. trans('texts.time')}}</span><br>
                                <img src="{{url('logo/calendar1.png')}}" alt="calendar" class="d-block mx-auto" style="width: 60px;"><br>
                                @if ($project->application_date)
                                    <span><b> {{ Utils::fromSqlDate($project->application_date) }} </b></span><br>
                                @else
                                    <br/>&nbsp;
                                @endif
                                
                                @if ($project->application_time)
                                    <span><b style="font-size: 14px;"> {{ Utils::fromSqlDate($project->application_time) }} </b></span>
                                @else
                                    &nbsp;
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <span style="font-size:20px">{{ trans('texts.notes') }}</span><br>
                    <div style="margin-top:10px">
                        {!! $project->office_comment !!}
                    </div>
                </div>
                <div class="col-md-3">
                    <span style="font-size:20px">{{ trans('texts.file_name_number') }}</span><br>
                    <div style="margin-top:10px">
                        {!! $project->file_name_number !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    
    <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:10px; margin-top: 0; float: left">
                <label style="font-size: 18px; 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:10px; margin-top: 0; float: left">
                <label style="font-size: 18px; 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:10px; margin-top: 0; float: left">
                    <label style="font-size: 18px; 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:10px; margin-top: 0; float: left">
                    <label style="font-size: 18px; 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:10px; margin-top: 0; float: left">
                <label style="font-size: 18px; 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:10px; margin-top: 0; float: left">
                <label style="font-size: 18px; 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:10px; margin-top: 0; float: left">
                <label style="font-size: 18px; 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:10px; margin-top: 0; float: left">
                <label style="font-size: 18px; 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:10px; margin-top: 0; float: left">
                <label style="font-size: 18px; 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:10px; margin-top: 0; float: left">
                <label style="font-size: 18px; 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:20px; margin-top: 0; float: left">
                <label style="font-size: 18px; font-weight: 500; float: left; padding-right: 4px;color:#3ca85e; font-weight:bold">Grade&nbsp;
                @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>
        <div style="text-align: center;">
            <a href="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']}") !!}" class="a-link" target="_blank">Google Maps</a>&nbsp;|&nbsp;
            <a href="https://a836-acris.nyc.gov/bblsearch/bblsearch.asp?borough={{ ($project['borough'] != '') ? $project['borough'] : '' }}&block={{$project['block']}}&lot={{$project['lot']}}" class="a-link" target="_blank">NYC A.C.R.I.S. BBL Search</a>&nbsp;|&nbsp;
            <a href="https://msc.fema.gov/portal/search?AddressQuery={!! e("{$project['address']} {$project['city_town']} {$project['proj_state']} {$project['zip']} {$project['country']}") !!}" class="a-link" target="_blank">F.E.M.A. Flood Map Service Center</a>&nbsp;|&nbsp;
            <a href="https://zola.planning.nyc.gov/l/lot/{{ ($project['borough'] != '') ? $project['borough'] : '' }}/{{$project['block']}}/{{$project['lot']}}" class="a-link" target="_blank">ZoLa Map</a>&nbsp;|&nbsp;
            @php
                $curlSession = curl_init();
                $address = str_replace(' ', '+', $project['address'].' '.$project['city_town'].' '.$project['proj_state'].' '.$project['zip']);
                curl_setopt($curlSession, CURLOPT_URL, 'https://maps.googleapis.com/maps/api/geocode/json?address='.$address.'&key=AIzaSyAz3xXQV9bKvr5YsL4rsMoaODs04QIPAY8');
                curl_setopt($curlSession, CURLOPT_BINARYTRANSFER, true);
                curl_setopt($curlSession, CURLOPT_RETURNTRANSFER, true);
            
                $latlong = json_decode(curl_exec($curlSession));
                curl_close($curlSession);
                
                $lat = (count($latlong->results) > 0) ? $latlong->results[0]->geometry->location->lat : 0;
                $lng = (count($latlong->results) > 0) ? $latlong->results[0]->geometry->location->lng : 0;
            @endphp
            
            <a href="https://streets.planning.nyc.gov/about?lat={{$lng}}&lng={{$lat}}&zoom=18" class="a-link" target="_blank">Streets Planning</a>&nbsp;|&nbsp;
            @if(strlen($project['block']) < 6 && !preg_match('/[\'^£$%&*()}{@#~?><>,|=_+¬-]/', $project['block']))
                @php 
                    $a = 0;
                    $b = '';
                    $block = $project['block'];
                    for($i = 1; $i <= 5 - strlen($project['block']); $i++){
                        $b = $a.$b;
                    }
                    $block = $b.$block;
                @endphp
            @else
                @php
                    $block = 0;
                @endphp
            @endif
            
            @if(strlen($project['lot']) < 5 && !preg_match('/[\'^£$%&*()}{@#~?><>,|=_+¬-]/', $project['lot']))
                @php 
                    $a = 0;
                    $b = '';
                    $lot = $project['lot'];
                    for($i = 1; $i <= 4 - strlen($project['lot']); $i++){
                        $b = $a.$b;
                    }
                    $lot = $b.$lot;
                @endphp
            @else
                @php
                    $lot = 0;
                @endphp
            @endif
            <a href="http://www.oasisnyc.net/map.aspx?zoomto=lot:{{ ($project['borough'] != '') ? $project['borough'] : '' }}{{$block}}{{$lot}}" class="a-link" target="_blank">Oasis NYC Map</a>
        </div>
        <br>
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <div class="row">
                    <div class="col-md-5">
                        <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-7">
                        <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>

        <br>

    @if ($chartData->duration)
        <canvas id="chart-canvas" height="50px" style="background-color:white;padding:20px;display:none"></canvas><br/>
    @endif
    
    <ul class="nav nav-tabs nav-justified">
        {!! Form::tab_link('#tasks', trans('texts.kanban')) !!}
    </ul><br/>

    <div class="row">
        <div class="col-md-6">
            <div class="panel panel-default">
                <div class="panel-body" style="height: 450px;overflow: auto;">
                    <h4 class="text-center"><b>Employee Notes</b></h4>
                    <div class="row">
                        {!! Former::open($url1)
                            ->addClass('col-lg-12  warn-on-exit main-form')
                            ->autocomplete('off')
                            ->method($method) !!}

                        <div class="form-group required">
                            <div class="col-lg-12 col-sm-12">
                                <input type="hidden" name="project_id" value="{{$project->public_id}}">
                                <textarea required="" class="form-control col-lg-12" placeholder="Add Notes" id="emp_notes" name="emp_notes"></textarea>
                            </div>
                        </div>

                        <center class="buttons">
                            <button type="submit" class="btn btn-success btn-block">Save</button>
                        </center>

                        {!! Former::close() !!}
                        
                        @if(count($employees) > 0)
                            @foreach($employees as $employee)
                                <div class="col-sm-12">
                                    <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;padding-left: 15px;">
                                        {!! $employee->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>
        <div class="col-md-6">
            <div class="panel panel-default">
                <div class="panel-body" style="height: 450px;overflow: auto;">
                    <h4 class="text-center"><b>Customer Notes</b></h4>
                    <div class="row">
                        {!! Former::open($url2)
                            ->addClass('col-lg-12  warn-on-exit main-form')
                            ->autocomplete('off')
                            ->method($method) !!}

                        <div class="form-group required">
                            <div class="col-lg-12 col-sm-12">
                                <input type="hidden" name="project_id" value="{{$project->public_id}}">
                                <textarea required="" class="form-control col-lg-12" rows="4" placeholder="Add Notes" id="cus_notes" name="cus_notes"></textarea>
                            </div>
                        </div>

                        <center class="buttons">
                            <button type="submit" class="btn btn-success btn-block">Save</button>
                        </center>

                        {!! Former::close() !!}

                        @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>
    </div>
    
    <div class="row">
        <div class="col-md-6">
            <div class="panel panel-default">
                <div class="panel-body" style="height: 290px;overflow: auto;">
                    <h4 class="text-center"><b>Drafter Notes</b></h4>
                    <div class="row">
                        {!! Former::open($url11)
                            ->addClass('col-lg-12  warn-on-exit main-form')
                            ->autocomplete('off')
                            ->method($method) !!}

                        <div class="form-group required">
                            <div class="col-lg-12 col-sm-12">
                                <input type="hidden" name="project_id" value="{{$project->public_id}}">
                                <textarea class="form-control col-lg-12" rows="4" placeholder="Add Notes" id="drafter_notes" name="drafter_notes">{{$project->drafter_notes}}</textarea>
                            </div>
                        </div>

                        <center class="buttons">
                            <button type="submit" class="btn btn-success btn-block">Save</button>
                        </center>

                        {!! Former::close() !!}
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="panel panel-default">
                <div class="panel-body" style="height: 290px;overflow: auto;">
                    <h4 class="text-center"><b>Manager Notes</b></h4>
                    <div class="row">
                        {!! Former::open($url22)
                            ->addClass('col-lg-12  warn-on-exit main-form')
                            ->autocomplete('off')
                            ->method($method) !!}

                        <div class="form-group required">
                            <div class="col-lg-12 col-sm-12">
                                <input type="hidden" name="project_id" value="{{$project->public_id}}">
                                <textarea class="form-control col-lg-12" rows="4" placeholder="Add Notes" id="manager_notes" name="manager_notes">{{$project->manager_notes}}</textarea>
                            </div>
                        </div>

                        <center class="buttons">
                            <button type="submit" class="btn btn-success btn-block">Save</button>
                        </center>

                        {!! Former::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <ul class="nav nav-tabs nav-justified">
		{!! Form::tab_link('#tasks', trans('texts.tasks')) !!}
	</ul><br/>

	<div class="tab-content">
        <div class="tab-pane" id="tasks">
                @include('list', [
                    'entityType' => ENTITY_TASK,
                    'datatable' => new \App\Ninja\Datatables\ProjectTaskDatatable(true, true),
                    'projectId' => $project->public_id,
                    'clientId' => $project->client ? $project->client->public_id : 0,
                    'url' => $project->client ? url('api/tasks/' . $project->client->public_id . '/' . $project->public_id) : "#",
                ])
        </div>
    </div>

    <script type="text/javascript">

    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