@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')

  <style>

    .note-body {
        height: 550px;
    }
    
    .note-background {
        max-height: 200px;
        width: 100%; 
        overflow: auto; 
        background-color:#F2F3F4;
        display: block;
        border-radius: 10px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
    }

    .note-user {
        text-align: left;
        font-size:14px;
        font-weight: bold;
        margin-top: 10px;
        padding-right: 25px;
        margin-left: 15px;
    }

    .note-notes {
        text-align: left;
        font-size:14px;
        margin-top: -10px;
        padding-right: 25px;
        margin-left: 30px;
    }        

    div::-webkit-scrollbar {
        width: 10px;
    }

    div::-webkit-scrollbar-thumb {
        background: #D7DBDD; 
        border-radius: 25px;
    }

    .note-empty {
        text-align: center;
    }    

    .note-d-m {
        overflow: auto;
        white-space: pre-wrap;
        background-color:#F2F3F4;
        font-size:14px;
        margin-top: 10px;
        padding-right: 10px;
        margin-left: 10px;
        width: 100%;
        height: 800px !important;
        resize: none;
    }

    textarea::-webkit-scrollbar {
            width: 10px;
    }

    textarea::-webkit-scrollbar-thumb {
        background: #D7DBDD; 
        border-radius: 25px;
    }

    .resource-links a {
        margin-right: 0.5em;
        margin-left: 0.5em;
    }

    /* col custom for detail */
    
    .col-custom {
        height: 660px;
    }
    
    .col-custom-note {
        height: 400px;
    }

    .col-cd-custom {
      height: 280px;
    }

    .col-inv-custom {
      min-height: 170px;
    }

    .file-name-number {
      border: solid;
      border-width: 1px;
      border-radius: 5px;
      border-color: gray;
      max-height: 150px;
      padding: 10px;
      overflow-y: auto;
      text-align: justify;
    }

    .auto-scroll {
      overflow-y: auto;
      max-height: 590px;
    }
    
    /* Popup container - 
        oasis link */
        
    .popup__oasis {
      position: relative;
      display: inline-block;
      margin-right: 0.5em;
      margin-left: 0.5em;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      color: #337ab7;
      text-decoration: underline;
      cursor: pointer;
    }

    .popup__oasis:hover {
      color: #23527c;
    }

    /* The actual popup */
    .popup__oasis .popuptext__oasis {
      display:flex;
      flex-direction: column;
      visibility: hidden;
      width: 260px;
      background-color: white;
      border: 1px solid lightgray;
      text-align: center;
      border-radius: 6px;
      padding: 8px 0;
      margin-top: 10px;
      position: absolute;
      z-index: 1;
      left: 50%;
      margin-left: -80px;
    }

    .link__oasis {
      margin: 5px;
    }

    /* Toggle this class - hide and show the popup */
    .popup__oasis .show__oasis {
      visibility: visible;
      -webkit-animation: fadeIn 0.3s;
      animation: fadeIn 0.3s;
    }
  </style>

  <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()"],
                  ['label' => 'Print Project', 'url' => url("projects_print/".$project->public_id)],
                ]
              )->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
        {!! Button::normal('Logs')->asLinkTo("/projects/$project->public_id/logs") !!}
        {!! Former::close() !!}

      </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;">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>

  <!-- details -->

  <div class="row">
    <div class="col-sm-4">    

      <div class="panel panel-default col-custom">
        <div class="panel-body">
          <div class="row auto-scroll">                    
            

            <div class="col-md-12">
              <strong>
                <span style="font-size:20px">Client Information</span>
              </strong>  

              @if($project->client)
              <h4 style="font-size:16px">
                  <b>Client Name:</b>
                  {!! $project->client->present()->link !!}<br/>                
              </h4>
              
              <h4 style="font-size:16px">
                  <b>Contact:</b>
              </h4>
                @if ($project['client']->showMap())
                  <address>
                    @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
              <hr>
            </div>
            
            <div class="col-md-12">
              <strong>
                <span style="font-size:20px">Property Information</span>
              </strong>
              
              <address>
                <b>Address: </b>{{$project['address']}}<br>
                <b>City: </b>{{$project['city_town']}} &emsp;<b>Town: </b>{{$project['town']}}<br>
                <b>Neighborhood: </b>{{$project['neighborhood']}}<br>
                <b>State: </b> {{$project['proj_state']}}&emsp; <b>Zip: </b> {{$project['zip']}}<br>
                <b>County: </b> {{$project['county']}}<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;
              </address>
              <hr>
            </div>

            <div class="col-md-12">
              <strong>
                <span style="font-size:20px">Job Information</span>
              </strong>
              
              <h4 style="font-size:16px">
                @if($project->type)
                  <b>Survey Type:</b>
                  @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
                @endif
              </h4>

              <h4 style="font-size:16px">
                @if ($project->due_date)
                <b>Due Date:</b>
                  <span> {{ Utils::fromSqlDate($project->due_date) }}</span>
                @endif
              </h4>

              <h4 style="font-size:16px">
                @if($project->name)
                  <b>DWG Name:</b>
                  {!! $project->name !!}<br/>
                @endif
              </h4>            

               <h4 style="font-size:16px">
                @if($project->status)
                  <b>Status:</b>
                  @foreach($status as $item)
                    <br/>
                    <span style="padding-left: 10px;color:green;font-weight:600">{!! $item !!}</span>
                  @endforeach
                @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>          

              <h4 style="font-size:16px">
                @if($project->is_promised_job == 1)
                  <span style="color:#2E86C1"><b>Promised Job</b></span><br/>
                @endif
              </h4>
            </div>
          
          </div>
        </div>
      </div>
    </div>

    <div class="col-sm-4">
      <div class="panel panel-default col-cd-custom">
        <div class="panel-body">
          <div class="row">
            
            <strong style="font-size:20px">
              Crew Details
            </strong>          
            
            <h4 style="font-size:16px">
              <strong>Research by</strong>: {{ $research_by_member }}
            </h4>
            <h4 style="font-size:16px">
              <strong>Field Crew</strong>: {{ $fieldcrewmember }}
            </h4>
            <h4 style="font-size:16px">
              <strong>Manager</strong>: {{ $managername }}
            </h4>
            <h4 style="font-size:16px">
              <strong>Computation</strong>: {{ $computationsmember }}
            </h4>
            <h4 style="font-size:16px">
              <strong>Draftsperson</strong>: {{ $drefts_personmember }}
            </h4>
            <h4 style="font-size:16px">
              <strong>Checked By</strong>: {{ $checked_by_member }}
            </h4>
            <h4 style="font-size:16px">
              <strong>Corrected By</strong>: {{ $corrected_by_member }}
            </h4>

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

      <div class="panel panel-default col-inv-custom">
        <div class="panel-body">
          <div class="row">
            
          <div class="group-form">
            <strong  style="font-size:20px">
              Quote Details
            </strong>
            @if(isset($quote->status))
            <h4 style="font-size:16px">
                <strong>Status</strong>: {!! $quote->status !!}
            </h4>  
            <h4 style="font-size:16px">
                <strong>Invoice Number</strong>: <a href="/quotes/{{$quote->public_id}}/edit">{{ $quote->invoice_number }}</a>
            </h4>  
            @endif
            </div>
          </div>
        </div>
      </div>

      <div class="panel panel-default col-inv-custom">
        <div class="panel-body">
          <div class="row">
            <div class="group-form">
              <strong style="font-size:20px">
                Invoice Details
              </strong>
                @if(isset($invoice->status))
                <h4 style="font-size:16px">
                  <strong>Status</strong>: {!! $invoice->status !!}
                </h4>  
                <h4 style="font-size:16px">
                  <strong>Invoice Number</strong>: <a href="/invoices/{{$invoice->public_id}}/edit">{{ $invoice->invoice_number }}</a>
                </h4>  
                @endif
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="col-sm-4">
      <div class="panel panel-default col-custom">
        <div class="panel-body">
          <div class="row">

            <div class="col-lg-12">
              <strong style="font-size:20px">{{ trans('texts.file_name_number') }}</strong>
              <br>
              <div class="file-name-number" style="margin-top:10px">
                {!! $project->file_name_number !!}
              </div>
              <hr>
            </div>
            
            <div class="col-lg-12">
              <strong style="font-size:20px">
                Appointments
              </strong>
              
              <div class="list-group" style="overflow-y: auto; max-height: 300px;">
                @if(isset($field_crews))
                @foreach ($field_crews as $field_crew)
                <span class="list-group-item">
                  <b class="list-group-item-heading">Date: </b><span>{{date('m/d/Y', strtotime($field_crew->date))}}</span>

                  @if ($field_crew->priority == 1)
                  &nbsp;|&nbsp;<span class="text-center" style="font-weight: 600;color: #FF0000">Priority</span>
                  @endif  

                  <p>
                    <b>Field Crew:</b>
                    @foreach ($field_crew->field_crew as $key => $fc)
                      @if(!empty($fc->nickname))
                        <span class="label" title="{!! $fc->first_name !!} {!! $fc->last_name !!}" style="background-color: #E8E8E8; color: black;">{{ $fc->nickname }}</span>
                      @else
                        <span class="label" style="background-color: #E8E8E8; color: black;">{{ $fc->first_name }} {{ $fc->last_name }}</span> 
                      @endif                       
                    @endforeach

                      @if ($field_crew->comments != '')                                     
                        <br> 
                        {{ $field_crew->comments }}
                      @endif

                      <br>
                      <a @if(Auth::user()->can('view', 'project')) href="{{url('field_crew_schedulers/'.$field_crew->fcs_pid.'/edit')}}" @endif>
                        Edit Schedule
                      </a>
                  </p>
                </span>
                @endforeach
                @endif
              </div>
            </div>            
            
          </div>
        </div>
      </div>
    </div>

  </div>

  <div class="row">
    <div class="col-md-12">
    @if ($project['address'])
      <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['county']}") !!}" allowfullscreen>
      </iframe>
    @endif
      <div style="text-align: center;" class="resource-links">
          <a href="https://www.google.com.do/maps/place/{!! e("{$project['address']} {$project['city_town']} {$project['proj_state']} {$project['zip']} {$project['county']}") !!}" class="a-link" target="_blank" >Google Maps</a>|
          <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>|
          <a class="a-link" target="_blank" href="https://a836-acris.nyc.gov/DS/DocumentSearch/DTMDisclaimer?borough={{$project['borough']}}&block={{$project['block']}}&lot={{$project['lot']}}">DIGITAL TAX MAP</a>|
          <a href="http://a810-bisweb.nyc.gov/bisweb/bispi00.jsp" class="a-link" target="_blank">NYC BISWEB</a>|
          <a href="https://msc.fema.gov/portal/search?AddressQuery={!! e("{$project['address']} {$project['city_town']} {$project['proj_state']} {$project['zip']} {$project['county']}") !!}" class="a-link" target="_blank">F.E.M.A. Flood Map Service Center</a>|
          <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>|
          <a href="https://richmondcountyclerk.com/Search/ShowResultsBlocks?Block={{$project['block']}}&Lot={{$project['lot']}}&SelectedDocumentIdentifier=0" class="a-link" target="_blank">RICHMOND COUNTY</a>|
          <a href="https://giswww.westchestergov.com/taxmaps/" class="a-link" target="_blank">WESTCHESTER</a>|
          <a href="https://lrv.nassaucountyny.gov/" class="a-link" target="_blank">NASSAU COUNTY</a>|
          <a href="https://gis3.suffolkcountyny.gov/gisviewer/" class="a-link" target="_blank">SUFFOLK COUNTY</a>|
          <a href="https://i2f.uslandrecords.com/NY/Nassau/D/Default.aspx" class="a-link" target="_blank">US LAND RECORDS</a>|
          @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='.env('GOOGLE_MAPS_API_KEY'));
              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>|
          @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
          
            <div class="popup__oasis a-link" onclick="oasisLink()">
              <span>oasis nyc map</span>
              <div class="popuptext__oasis" id="oasisPop">
                <a 
                  class="link__oasis" 
                  href="http://www.oasisnyc.net/map.aspx?zoomto=lot:{{ ($project['borough'] != '') ? $project['borough'] : '' }}{{$block}}{{$lot}}" 
                  target="_blank"
                >
                  Use Tax parcels
                </a>
                <a 
                  class="link__oasis" 
                  href="http://www.oasisnyc.net/map.aspx?zoomto=address:{{$project['address']}}, {{$project['borough']}}" 
                  target="_blank"
                >
                  Use street address
                </a>
              </div>
            </div>
            
            <script>          
              function oasisLink() {
                  let popup = document.getElementById("oasisPop");
                  popup.classList.toggle("show__oasis");
                }
              </script>

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

    @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 note-body">
                    <h4 class="text-center"><b>Employee Notes</b></h4>
                    <div class="row">

                        <div class="col-12">
                                    @if(isset($employees))
                                    <div class="col-sm-12 note-background">
                                        @foreach($employees as $employee)
                                            <p class="note-user">
                                                {{$employee->getPostedByName->first_name}} {{$employee->getPostedByName->last_name}}, {{$employee->created_at->format('m/d/y h:i a')}}
                                            </p>
                                            <div class="note-notes">
                                                {!! $employee->notes !!}
                                            </div>
                                        @endforeach
                                    </div>
                            @else
                                <div class="col-sm-12 note-empty">
                                    <span><b>No Notes</b></span>
                                </div>
                            @endif
                        </div>

                        <div class="col-12">
                            {!! 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() !!}
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="panel panel-default">
                <div class="panel-body note-body">
                    <h4 class="text-center"><b>Customer Notes</b></h4>
                    <div class="row">                                    
                        
                        <div class="col-sm-12 note-background">
                            @if(isset($customers))
                                @foreach($customers as $customer)
                                    <p class="note-user">
                                        {{$customer->getPostedByName->first_name}} {{$customer->getPostedByName->last_name}}, {{$customer->created_at->format('m/d/y h:i a')}}>
                                    </p>
                                    <div class="note-notes">
                                        {!! $customer->notes !!}
                                    </div>
                                @endforeach
                                @else
                                    <div class="col-sm-12 note-empty">
                                        <span><b>No Notes</b></span>
                                    </div>
                            @endif
                        </div>
                        
                        <div class="col-12">
                            {!! 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() !!}
                        </div>

                    </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); <--- should be analysed
	});

	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