@extends('layouts.app')

@section('title', __('Project View'))

@push('pre_css')
    @include('panel.inc.flatpicker.css')
    <style>
        .card-body{
            font-size: 18px;
        }
    </style>
@endpush

@section('content')
    <div class="page-header">
        <div class="row align-items-center">
            <div class="col-auto">
                <div class="page-pretitle">
                    {{ __('Projects Commands') }}
                </div>
                <h2 class="page-title">
                    {{ $campaign->title }}
                </h2>
            </div>

        </div>
    </div>

    <div class="row">
        <div class="col-md-4">
            @include('panel.customers._customer-details', ['customer' => $campaign->customer, 'isMini' => true])
        </div>

        <div class="col-md-8">
            @include('panel.campaigns.pages._navigation', ['campaign' => $campaign])

            <div class="card">
                <ul class="nav nav-tabs nav-fill" data-toggle="tabs">

                    @if(isUser(\App\User::TeamLead))
                        <li class="nav-item">
                            <a href="#tabs-unassigned" class="nav-link justify-content-center active" data-toggle="tab">Un-Assigned <span class="badge bg-warning ml-1">{{ $unassigned->count() }}</span></a>
                        </li>
                    @endif
                    <li class="nav-item">
                        <a href="#tabs-pending" class="nav-link justify-content-center {{ !isUser(\App\User::TeamLead) ? 'active' : '' }}" data-toggle="tab">Pending <span class="badge bg-red ml-1">{{ $pending->count() }}</span></a>
                    </li>
                    <li class="nav-item">
                        <a href="#tabs-completed" class="nav-link justify-content-center" data-toggle="tab">Completed <span class="badge bg-green ml-1">{{ $completed->count() }}</span></a>
                    </li>
                </ul>
                <div class="card-body">
                    <div class="tab-content">
                        @if(isUser(\App\User::TeamLead))
                            <div class="tab-pane show active" id="tabs-unassigned">
                                <div class="row row-deck">
                                    @foreach($unassigned as $command)
                                        <div class="col-md-6 mb">

                                            <fieldset class="form-fieldset w-100">
                                                <div class="row">
                                                    <div class="col-md-8 mb-3">
                                                        <label class="form-label">Title</label>
                                                        {{ $command->title }}
                                                    </div>

                                                    @if(isUser(\App\User::TeamLead))
                                                        <div class="col-md-4 mb-3">
                                                            <label class="form-label">Tech</label>
                                                            {{ $command->tech_id ? $command->tech->name : '-' }}
                                                        </div>
                                                    @endif

                                                    <div class="col-md-6 mb-3">
                                                        <label class="form-label">Due Date</label>
                                                        {{ $command->due_date ? $command->due_date->toDateString() : '-' }} {{ $command->due_time ? $command->due_time->format('h:i A') : '' }}
                                                    </div>
                                                    <div class="col-md-6 mb-3">
                                                        <label class="form-label">End Date</label>
                                                        {{ $command->end_date ? $command->end_date->toDateString() : '-' }}
                                                    </div>
                                                    <div class="mb-3">
                                                        <label class="form-label">Note</label>
                                                        {!! $command->note ? nl2br($command->note) : '-' !!}
                                                    </div>

                                                    <div class="text-center">
                                                        @if(!$command->tech_id && \Gate::allows('campaigns-commands-assign-tech'))
                                                            <a class="btn btn-primary mr-1" onclick="fetchModal({el: this})" data-modal="#techModal" data-modal-url="{{ route('panel.campaigns.commands.tech', [$campaign->id, $command->id]) }}" title="{{ __('Assign Tech') }}" href="javascript:void(0)">
                                                                Assign Tech
                                                            </a>
                                                        @endif
                                                    </div>

                                                </div>
                                            </fieldset>

                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        @endif

                        <div class="tab-pane {{ !isUser(\App\User::TeamLead) ? 'show active' : '' }}" id="tabs-pending">
                            <div class="row row-deck">
                                @foreach($pending as $command)
                                    <div class="col-md-6 mb">

                                        <fieldset class="form-fieldset w-100">
                                            <div class="row">
                                                <div class="col-md-8 mb-3">
                                                    <label class="form-label">Title</label>
                                                    {{ $command->title }}
                                                </div>

                                                @if(isUser(\App\User::TeamLead))
                                                    <div class="col-md-4 mb-3">
                                                        <label class="form-label">Tech</label>
                                                        {{ $command->tech_id ? $command->tech->name : '-' }}
                                                    </div>
                                                @endif

                                                <div class="col-md-6 mb-3">
                                                    <label class="form-label">Due Date</label>
                                                    {{ $command->due_date ? $command->due_date->toDateString() : '-' }}
                                                </div>
                                                <div class="col-md-6 mb-3">
                                                    <label class="form-label">End Date</label>
                                                    {{ $command->end_date ? $command->end_date->toDateString() : '-' }}
                                                </div>
                                                <div class="mb-3">
                                                    <label class="form-label">Note</label>
                                                    {!! $command->note ? nl2br($command->note) : '-' !!}
                                                </div>

                                                <div class="text-center">
                                                    @if(!$command->end_date && \Gate::allows('campaigns-commands-mark-complete'))
                                                        <a class="btn btn-primary mr-1" onclick="fetchModal({el: this})" data-modal="#commandCompleteModal" data-modal-url="{{ route('panel.campaigns.commands.complete.modal', [$campaign->id, $command->id]) }}" title="{{ __('Mark As Complete') }}" href="javascript:void(0)">
                                                            Mark As Complete
                                                        </a>
                                                    @endif
                                                </div>

                                            </div>
                                        </fieldset>

                                    </div>
                                @endforeach
                            </div>
                        </div>

                        <div class="tab-pane" id="tabs-completed">
                            <div class="row row-deck">
                                @foreach($completed as $command)
                                    <div class="col-md-6 mb">

                                        <fieldset class="form-fieldset w-100">
                                            <div class="row">
                                                <div class="col-md-8 mb-3">
                                                    <label class="form-label">Title</label>
                                                    {{ $command->title }}
                                                </div>

                                                @if(isUser(\App\User::TeamLead))
                                                    <div class="col-md-4 mb-3">
                                                        <label class="form-label">Tech</label>
                                                        {{ $command->tech_id ? $command->tech->name : '-' }}
                                                    </div>
                                                @endif

                                                <div class="col-md-6 mb-3">
                                                    <label class="form-label">Due Date</label>
                                                    {{ $command->due_date ? $command->due_date->toDateString() : '-' }}
                                                </div>
                                                <div class="col-md-6 mb-3">
                                                    <label class="form-label">End Date</label>
                                                    {{ $command->end_date ? $command->end_date->toDateString() : '-' }}
                                                </div>
                                                <div class="mb-3">
                                                    <label class="form-label">Note</label>
                                                    {!! $command->note ? nl2br($command->note) : '-' !!}
                                                </div>
                                                <div class="mb-3">
                                                    <label class="form-label">Completion Note</label>
                                                    {!! $command->completion_note ? nl2br($command->completion_note) : '-' !!}
                                                </div>

                                            </div>
                                        </fieldset>

                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@stop

@push('script')
    @include('panel.inc.flatpicker.js')

    <script !src="">
        @if(\Gate::allows('campaigns-services-delete'))
        $(document).on('click', '.deleteModel', function(){
            let el = this;
            $(el).btnloading();
            $.confirm({
                title: "Are you sure?",
                content: "You won't be able to revert this!",
                type: 'red',
                buttons: {
                    close: function () {
                        $(el).btnreset();
                    },
                    Delete: {
                        text: 'Delete',
                        btnClass: 'btn-danger',
                        action: function(){
                            axios.post('{{ route('panel.campaigns.services.delete', $campaign->id) }}', {
                                moduleID: $(el).data('model-id')
                            }).then(function(response){
                                notify('success', response.data.message);
                                setTimeout(function(){
                                    location.reload();
                                }, 1000)
                            }).catch(function(e){
                                notify('error', e.response.data.message);
                                $(el).btnreset();
                            });
                        }
                    }
                }
            });
        });
        @endif

        @if(\Gate::allows('campaigns-commands-delete'))
        $(document).on('click', '.deleteCommandModel', function(){
            let el = this;
            $(el).btnloading();
            $.confirm({
                title: "Are you sure?",
                content: "You won't be able to revert this!",
                type: 'red',
                buttons: {
                    close: function () {
                        $(el).btnreset();
                    },
                    Delete: {
                        text: 'Delete',
                        btnClass: 'btn-danger',
                        action: function(){
                            axios.post('{{ route('panel.campaigns.commands.delete', $campaign->id) }}', {
                                moduleID: $(el).data('model-id')
                            }).then(function(response){
                                notify('success', response.data.message);
                                setTimeout(function(){
                                    location.reload();
                                }, 1000)
                            }).catch(function(e){
                                notify('error', e.response.data.message);
                                $(el).btnreset();
                            });
                        }
                    }
                }
            });
        });
        @endif
    </script>
@endpush