@extends('layouts.app')

@section('title', $case->title)

@section('content')
@include('assetexchange::layouts.nav')

<section class="content no-print mt-page">
    <div class="mt-page-header">
        <h1><i class="fas fa-clipboard-list"></i> {{ $case->title }}</h1>
        <p class="text-muted">{{ $case->case_code }} — {{ $case->listing?->title }}</p>
        @can('aex.research.manage')
        @if($case->status !== 'closed')
        {!! Form::open(['url' => action([\Modules\AssetExchange\Http\Controllers\ResearchCaseController::class, 'closeCase'], [$case->id]), 'method' => 'post', 'style' => 'display:inline']) !!}
        @csrf
        <button class="btn btn-success btn-sm">@lang('assetexchange::lang.close_research_case')</button>
        {!! Form::close() !!}
        @endif
        @endcan
    </div>

    <div class="row">
        <div class="col-md-8">
            @foreach($case->tasks->groupBy('category') as $category => $tasks)
            <div class="mt-card">
                <div class="mt-card-header"><h3 class="mt-card-title">{{ $categories[$category] ?? $category }}</h3></div>
                <div class="mt-card-body">
                    @foreach($tasks as $task)
                    <div class="panel panel-{{ $task->status === 'completed' ? 'success' : ($task->priority === 'high' || $task->priority === 'urgent' ? 'warning' : 'default') }}" style="margin-bottom:10px;">
                        <div class="panel-heading">
                            <strong>{{ $task->title }}</strong>
                            <span class="label label-default pull-left">{{ $aexUtil->statusLabel($task->status) }}</span>
                        </div>
                        <div class="panel-body">
                            @if($task->description)<p>{{ $task->description }}</p>@endif
                            @if($task->instructions)<p class="text-muted"><small>{{ $task->instructions }}</small></p>@endif
                            @if($task->findings)<div class="well well-sm"><strong>@lang('assetexchange::lang.findings'):</strong> {{ $task->findings }}</div>@endif

                            @can('aex.research.manage')
                            @if($task->status !== 'completed')
                            <div class="row">
                                <div class="col-md-6">
                                    {!! Form::open(['url' => action([\Modules\AssetExchange\Http\Controllers\ResearchCaseController::class, 'assignTask'], [$task->id]), 'method' => 'post']) !!}
                                    <div class="input-group">
                                        {!! Form::select('assignee_user_id', $users, $task->assignee_user_id, ['class' => 'form-control select2', 'style' => 'width:100%']) !!}
                                        <span class="input-group-btn"><button class="btn btn-default">@lang('assetexchange::lang.assign')</button></span>
                                    </div>
                                    <input type="hidden" name="sync_crm" value="1">
                                    {!! Form::close() !!}
                                </div>
                            </div>
                            <hr>
                            {!! Form::open(['url' => action([\Modules\AssetExchange\Http\Controllers\ResearchCaseController::class, 'completeTask'], [$task->id]), 'method' => 'post']) !!}
                            <div class="form-group">{!! Form::textarea('findings', null, ['class' => 'form-control', 'rows' => 2, 'placeholder' => __('assetexchange::lang.findings_placeholder')]) !!}</div>
                            <div class="form-group">{!! Form::text('market_links', null, ['class' => 'form-control', 'placeholder' => __('assetexchange::lang.market_links_placeholder')]) !!}</div>
                            <div class="form-group">{!! Form::text('quoted_prices', null, ['class' => 'form-control', 'placeholder' => __('assetexchange::lang.quoted_prices_placeholder')]) !!}</div>
                            <button class="btn btn-success btn-sm"><i class="fa fa-check"></i> @lang('assetexchange::lang.complete_task')</button>
                            {!! Form::close() !!}
                            @endif
                            @endcan
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
            @endforeach
        </div>
        <div class="col-md-4">
            <div class="mt-card">
                <div class="mt-card-header"><h3 class="mt-card-title">@lang('assetexchange::lang.listing_summary')</h3></div>
                <div class="mt-card-body">
                    <p><strong>{{ $case->listing?->manufacturer }} {{ $case->listing?->model }}</strong></p>
                    <p>{{ $case->listing?->serial_number }}</p>
                    @if($case->listing?->media->isNotEmpty())
                    <img src="{{ asset('uploads/aex_listings/'.$case->listing->media->first()->path) }}" class="img-responsive img-thumbnail">
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@section('javascript')
<script>$(function(){ $('.select2').select2(); });</script>
@endsection