@extends('layouts.master')

@section('title', 'Job details')

@section('content')
        
    <div class="col-xs-12 main">

        <div class="row">
            <ol class="breadcrumb">
                <li><a href="{{ route('dashboard') }}"><svg class="glyph stroked home"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#stroked-home"></use></svg></a></li>
                <li class="active">Job details</li>
            </ol>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <h3 class="page-header">Job details</h3>
            </div>
        </div>

        <div class="row">
            <div class="col-md-5">
                <div class="panel panel-primary">
                    <div class="panel-heading dark-overlay"><svg class="glyph stroked eye"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#stroked-eye"></use></svg>Details</div>
                    <div class="panel-body">
                        <p class="row">
                            <label class="col-sm-3 control-label">ID:</label>
                            <span class="col-sm-9 block">
                                {{ $job->id }}
                            </span>
                        </p>

                        <p class="row">
                            <label class="col-sm-3 control-label">Date:</label>
                            <span class="col-sm-9 block">
                                {{ $job->created_at->format('j/m/y, h:iA') }}
                            </span>
                        </p>

                        <p class="row">
                            <label class="col-sm-3 control-label">Company:</label>
                            <span class="col-sm-9 block">
                                {{ $job->company->name }}
                            </span>
                        </p>

                        <p class="row">
                            <label class="col-sm-3 control-label">Title:</label>
                            <span class="col-sm-9 block">
                                {{ $job->title }}
                            </span>
                        </p>

                        <p class="row">
                            <label class="col-sm-3 control-label">Client:</label>
                            <span class="col-sm-9 block">
                                {{ $job->client->name.' ('.$job->client->pic.')' }}
                            </span>
                        </p>

                        <p class="row">
                            <label class="col-sm-3 control-label">PIC:</label>
                            <span class="col-sm-9 block">
                                {{ $job->personInCharge->name }}
                            </span>
                        </p>

                        <p class="row">
                            <label class="col-sm-3 control-label">PIV:</label>
                            <span class="col-sm-9 block">
                                @if($job->users->count())
                                    @foreach($job->users as $piv)
                                        {{--*/ $pivs[] = $piv->name /*--}}
                                    @endforeach
                                    {{ implode(', ',$pivs) }}
                                @else
                                    -
                                @endif
                            </span>
                        </p>

                        <p class="row">
                            <label class="col-sm-3 control-label">Brief:</label>
                            <span class="col-sm-9 block">
                                {{ $job->brief?$job->brief:'-' }}
                            </span>
                        </p>

                        <p class="row">
                            <label class="col-sm-3 control-label">Status:</label>
                            <span class="col-sm-9 block {{ $job->status==1?'text-success':'text-warning' }}">
                                @if($job->status==1)
                                    Completed
                                @elseif($job->status==-1)
                                    Canceled
                                @elseif($job->status==2)
                                    KIV
                                @else
                                    Not complete
                                @endif
                            </span>
                        </p>

                        <div class="pull-right">
                            @if(($job->status==0 && Gate::check('create_job') && $user_id == $job->pic))
                                {!! Form::open(array('class' => 'inline', 'method' => 'PATCH', 'action' => ['JobController@setStatus', $job->id])) !!}
                                    <input type="hidden" name="status" value="1">
                                    <button type="submit" title="Mark as complete" onclick="return confirm('Confirm mark this job as complete?')">Set as complete</button>
                                {!! Form::close() !!}

                                {!! Form::open(array('class' => 'inline', 'method' => 'PATCH', 'action' => ['JobController@setStatus', $job->id])) !!}
                                    <input type="hidden" name="status" value="2">
                                    <button type="submit" title="Mark as KIV" onclick="return confirm('Confirm KIV this job?')">KIV</button>
                                {!! Form::close() !!}

                                {!! Form::open(array('class' => 'inline', 'method' => 'PATCH', 'action' => ['JobController@setStatus', $job->id])) !!}
                                    <input type="hidden" name="status" value="-1">
                                    <button type="submit" title="Mark as cancel" onclick="return confirm('Confirm cancel this job?')">Cancel job</button>
                                {!! Form::close() !!}
                                    |
                                <a class="inline js-editjob" href="#">Edit</a>
                            @elseif($job->status==2)
                                    {!! Form::open(array('class' => 'inline', 'method' => 'PATCH', 'action' => ['JobController@setStatus', $job->id])) !!}
                                        <input type="hidden" name="status" value="0">
                                        <button type="submit" title="Mark as in progress" onclick="return confirm('Confirm set this job as in progress?')">Set as in progress</button>
                                    {!! Form::close() !!}
                            @endif
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <div class="panel panel-info">
                    <div class="panel-heading dark-overlay"><svg class="glyph stroked clipboard-with-paper"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#stroked-clipboard-with-paper"></use></svg>Tasks</div>
                    <div class="panel-body">
                        @if($job->tasks->count())
                        <ol class="todo-list">
                            @foreach($job->tasks as $task)
                                <li class="todo-list-item tasks-list-item">
                                    <div class="row">
                                        <div class="col-sm-9">
                                            <div class="checkbox">
                                                <input class="js-task{{ $task->id }}" type="checkbox" id="checkbox" @if($task->status==1) disabled readonly checked @endif>
                                                <label @if($task->deadline != null && $task->deadline->isPast() && $task->status != 1)class="text-danger"@endif for="checkbox{{ $task->id }}">{{ $task->description }} @if($task->outdoor==1)<i class="glyphicon glyphicon-road" title="Outdoor"></i>@endif</label>
                                            </div>
                                            <p><small class="text-muted @if($task->status==1)text-success @endif @if($task->deadline != null && $task->deadline->isPast() && $task->status != 1)text-danger @endif">
                                            @if($task->updated_by == null)
                                                Created by {{ $task->creator->name }} {{ $task->created_at->diffForHumans() }}
                                            @else
                                                Last updated by {{ $task->updator->name }} {{ $task->updated_at->diffForHumans() }}
                                            @endif
                                            </small></p>
                                            @if($task->deadline != null && $task->status != 1)
                                                <p><small class="text-muted  @if($task->deadline != null && $task->deadline->isPast())text-danger @endif">Deadline: {{ $task->deadline->diffForHumans() }}</small></p>
                                            @endif
                                        </div>

                                        @if( $job->status==0 && $task->status==0 && (Gate::check('create_job') && in_array( $user_id, $person_in_charge) || $user_id == $job->pic ))
                                            <div class="col-sm-3 text-right action-buttons">
                                                {!! Form::open(array('class' => 'inline', 'method' => 'PATCH', 'action' => ['TaskController@setStatus', $task->id])) !!}
                                                    <input type="hidden" name="status" value="1">
                                                    <button type="submit" class="basic" title="Mark as complete" onclick="return confirm('Confirm mark this task as complete?')"><svg class="glyph stroked checkmark"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#stroked-checkmark"></use></svg></button>
                                                {!! Form::close() !!}
                                                <a href="#" class="js-edittask" data-id="{{ $task->id }}" title="Edit"><svg class="glyph stroked pencil"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#stroked-pencil"></use></svg></a>
                                                @if( ( $user_id == $job->pic ))
                                                    {!! Form::open(array('class' => 'inline', 'method' => 'DELETE', 'route' => array('tasks.destroy', $task->id))) !!}
                                                        <button type="submit" class="basic" title="Delete" onclick="return confirm('Confirm delete this task?')"><svg class="glyph stroked trash"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#stroked-trash"></use></svg></button>
                                                    {!! Form::close() !!}
                                                @endif
                                            </div>
                                        @endif
                                    </div>
                                </li>
                            @endforeach
                        </ul>
                        @else
                            -
                        @endif
                    </div>
                    @if( $job->status==0 && (Gate::check('create_job') && in_array( $user_id, $person_in_charge) || $user_id == $job->pic ))
                        <div class="panel-footer">
                            {!! Form::model(new jobbag\Task, ['route' => ['tasks.store'], 'class' => 'js-form-addtask']) !!}
                                <div class="form-group">
                                    <textarea name="description" type="text" class="form-control" rows="3" placeholder="Add new task" required="required"></textarea>
                                </div>
                                <div class="form-group">
                                    <input name="job_id" type="hidden"> 
                                    {!! Form::text('deadline', null, ['class' => 'form-control js-datepicker', 'data-date-format' => 'yyyy-mm-dd', 'placeholder' => 'Add deadline date']) !!}
                                </div>
                                <div class="form-group">
                                    <label>{!! Form::checkbox('outdoor', 1, null) !!} Outdoor</label>
                                </div>
                                <div class="form-group">
                                    <input name="job_id" type="hidden" value="{{ $job->id }}">
                                    {!! Form::submit('Add', ['class'=>'btn btn-primary js-addtask']) !!}
                                </div>
                            {!! Form::close() !!}
                        </div>
                    @endif
                </div>          
            </div>

            <div class="col-md-3">
                <div class="panel panel-info">
                    <div class="panel-heading dark-overlay"><svg class="glyph stroked clipboard-with-paper"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#stroked-clipboard-with-paper"></use></svg>Invoices</div>
                    <div class="panel-body">
                    @if($job->invoices->count())
                        <ol class="todo-list">
                        @foreach($job->invoices as $invoice)
                            <li class="todo-list-item">
                                    <div class="row">
                                    <div class="col-sm-9">
                                        <p>{{ $invoice->invoice_no }}</p>
                                        <p><small class="text-muted">Created by {{ $invoice->creator->name }} {{ $invoice->created_at->diffForHumans() }}</small></p>
                                    </div>
                                    @if($job->status==0 && Gate::check('manage_finance'))
                                        <div class="col-sm-3 text-right action-buttons">
                                            {!! Form::open(array('class' => 'inline', 'method' => 'DELETE', 'route' => array('invoices.destroy', $invoice->id))) !!}
                                                <a href="#" class="js-editinvoice" data-id="{{ $invoice->id }}"><svg class="glyph stroked pencil"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#stroked-pencil"></use></svg></a>
                                                <button type="submit" class="basic" title="Delete" onclick="return confirm('Confirm delete this invoice?')"><svg class="glyph stroked trash"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#stroked-trash"></use></svg></button>
                                            {!! Form::close() !!}
                                        </div>
                                    @endif
                                </div>
                            </li>
                        </ul>
                        @endforeach
                    @else
                        -
                    @endif
                    </div>
                    @if($job->status==0 && Gate::check('manage_finance'))
                        <div class="panel-footer">
                            {!! Form::model(new jobbag\Invoice, ['route' => ['invoices.store'], 'class' => 'js-form-addinvoice']) !!}
                            <div class="input-group">
                                <input name="job_id" type="hidden" value="{{ $job->id }}">
                                <input name="invoice_no" type="text" class="form-control input-md" placeholder="Raise new invoice" required="required">
                                <span class="input-group-btn">
                                    {!! Form::submit('Add', ['class'=>'btn btn-primary js-addinvoice']) !!}
                                </span>
                            </div>
                            {!! Form::close() !!}
                        </div>
                    @endif
                </div>          
            </div>

        </div>

    </div>

@stop


@if($job->status==0)
@section('script')
<script>
    @can('create_job')
    // Job
    $('.js-editjob').click(function(){
        $.ajax({
            url: '{{ URL::to("/") }}/jobs/{{ $job->id }}/edit',
            dataType: 'html',
            type: 'GET',
        }).success(function(response) {
            bootbox
                .dialog({
                    title: 'Edit job',
                    message: response,
                    onEscape: true,
                    backdrop: true
                }).on('shown.bs.modal', function() {
                    var firstfield = $('input[name=title]');
                    firstfield.focus();
                    $('<input type="hidden" name="refresh" value="1">').prependTo('.js-form-title');
                });
        });

        return false;
    });

    // Task
    $('.js-edittask').click(function(){
        var id = $(this).data('id');
        $.ajax({
            url: '{{ URL::to("/") }}/tasks/' + id + '/edit',
            dataType: 'html',
            type: 'GET',
        }).success(function(response) {
            bootbox
                .dialog({
                    title: 'Edit task',
                    message: response,
                    onEscape: true,
                    backdrop: true
                }).on('shown.bs.modal', function() {
                    var firstfield = $('input[name=description]');
                    var id = $('input[name=id]');
                    id.val(id);
                    firstfield.focus();
                    $('<input type="hidden" name="refresh" value="1">').prependTo('.js-form-title');
                });
        });

        return false;
    });

    $('.js-addtask').click(function(){
        var url = $('.js-form-addtask').attr('action'),
        data = $('.js-form-addtask').serialize();

        $.ajax({
            url: url,
            data: data,
            type: 'post',
            success: function(data) {
                $(".js-addtask").attr("disabled", true).val('Wait...');
                location.reload();
             }
        });

        return false;
    });

    $('.js-datepicker').datepicker({
        autoclose: true,
        todayHighlight: true
    });
    @endcan

    @can('manage_finance')
    // Invoice
    $('.js-editinvoice').click(function(){
        var id = $(this).data('id');
        $.ajax({
            url: '{{ URL::to("/") }}/invoices/' + id + '/edit',
            dataType: 'html',
            type: 'GET',
        }).success(function(response) {
            bootbox
                .dialog({
                    title: 'Edit invoice',
                    message: response,
                    onEscape: true,
                    backdrop: true
                }).on('shown.bs.modal', function() {
                    var firstfield = $('input[name=invoice_no]');
                    var id = $('input[name=id]');
                    id.val(id);
                    firstfield.focus();
                    $('<input type="hidden" name="refresh" value="1">').prependTo('.js-form-title');
                });
        });

        return false;
    });

    $('.js-addinvoice').click(function(){
        var url = $('.js-form-addinvoice').attr('action'),
        data = $('.js-form-addinvoice').serialize();

        $.ajax({
            url: url,
            data: data,
            type: 'post',
            success: function(data) {
                $(".js-addinvoice").attr("disabled", true).val('Wait...');
                location.reload();
             }
        });

        return false;
    });
    @endcan
</script>
@stop
@endif