@extends('layouts.app', [
    'title' => __('User Management'),
    'parentSection' => 'laravel',
    'elementName' => 'user-management'
])

@section('title', 'Editar Tarefa |')

<!-- Include stylesheet -->
<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
<link rel="stylesheet" href="//cdn.quilljs.com/1.3.6/quill.bubble.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<!-- Include the Quill library -->
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>

<!-- Initialize Quill editor -->
<script>
  var quill = new Quill('#editor', {
    theme: 'bubble',
    modules: {
            toolbar: [
                ['bold', 'italic', 'underline', 'strike'],
                [{ 'list': 'ordered'}, { 'list': 'bullet' }],
                [{ 'indent': '-1'}, { 'indent': '+1' }]
            ]
        }
  });

</script>

@section('content')
    @component('layouts.headers.auth')
        @component('layouts.headers.breadcrumbs')
            @slot('title')
                Tarefas
            @endslot

            <li class="breadcrumb-item"><a class="text-default" href="{{ route('tasks.index') }}">Lista de Tarefas</a></li>
        @endcomponent
    @endcomponent

    <div class="container-fluid mt--6">
        <div class="row">
            <div class="col-xl-12 order-xl-1">
                <div class="card">
                    <div class="card-header">
                        <div class="row align-items-center">
                            <div class="col-8">
                                <h3 class="mb-0">Edição de Tarefa </h3>
                            </div>
                            <div class="col-4 text-right">
                                <a href="{{ route('calendar.index') }}" class="btn btn-sm btn-primary">Voltar</a>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <form method="post" action="{{ route('tasks.update', $task->tid) }}" autocomplete="off"
                        enctype="multipart/form-data">
                        @method('PUT')
                        @csrf

                        <h6 class="heading-small text-muted mb-4">
                            Detalhes da Tarefa criada por <strong>{{$task->createdby}}</strong> para <strong>{{$task->name}}</strong>
                            @if (!empty($task->client_id)) vinculada ao cliente <strong>{{$task->first_name." ".$task->last_name}}</strong>
                            @endif
                        </h6>
                            <div class="row">
                                <div class="col-8">
                                    <div class="form-group">
                                    <label class="form-control-label text-left" style="float:left" for="basic-url">Título</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1"><i class="ni ni-ruler-pencil"></i></span>
                                            </div>
                                            <input type="text" class="form-control" name="client_id" hidden value="{{ $task->client_id }}">
                                            <input type="text" class="form-control" name="title" value="{{ $task->title }}">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="form-group">
                                    <label class="form-control-label text-left" style="float:left" for="basic-url">Prazo</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1"><i class="ni ni-calendar-grid-58"></i></span>
                                            </div>
                                            <input type="datetime-local" readonly class="form-control" name="due_date" value="{{ $task->due_date }}">
                                        </div>
                                        @if (new DateTime() > new DateTime($task->due_date)) <p class="text-danger" style="font-size: 14px;">Essa tarefa está atrasada há {{ round((strtotime($task->due_date) - time()) / 3600)*-1 }} horas</p> @endif
                                    </div>
                                </div>
                                <div class="col-6" style="display: none;">
                                    <div class="form-group">
                                    <label class="form-control-label text-left" style="float:left" for="basic-url">Concluído em:</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1"><i class="ni ni-calendar-grid-58"></i></span>
                                            </div>
                                            <input type="datetime-local" id="done_date" class="form-control" name="done_date" value="{{ old('done_date') }}">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6" style="display: none;">
                                    <div class="form-group">
                                    <label class="form-control-label text-left" style="float:left" for="basic-url">Em Andamento em:</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1"><i class="ni ni-calendar-grid-58"></i></span>
                                            </div>
                                            <input type="datetime-local" id="ongoing_date" class="form-control" name="ongoing_date" value="{{ old('done_date') }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-3">
                                    <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left"  for="input-name">Responsável</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1"><i class="ni ni-circle-08"></i></span>
                                            </div>
                                            <input type="text" name="created_by" value="{{$task->created_by}}" hidden>
                                            <select name="user_id" id="user_id" value="{{old('user_id')}}" class="form-control" @error('user_id') is-invalid @enderror>
                                                <option value="{{$task->uid}}">{{$task->name}}</option>
                                                @foreach ($users->where('name', '!=', $task->name) as $user)
                                                <option value="{{$user->id}}">{{$user->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-3">
                                    <div class="form-group">
                                    <label class="form-control-label text-left" style="float:left" for="basic-url">Categoria</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1"><i class="ni ni-books"></i></span>
                                            </div>
                                            <select name="category" id="category" class="form-control" @error('category') is-invalid @enderror>
                                                @if (empty($task->category))
                                                <option value="" selected> -- Selecione --</option>
                                                <option value="Atendimento">Atendimento</option>
                                                <option value="Cotação">Cotação</option>
                                                <option value="Checkin">Checkin</option>
                                                <option value="Cadastro">Cadastro</option>
                                                <option value="Emissão">Emissão</option>
                                                <option value="Outras">Outras</option>
                                                @elseif($task->category == "Atendimento")
                                                <option value="Atendimento" selected>Atendimento</option>
                                                <option value="Cotação">Cotação</option>
                                                <option value="Checkin">Checkin</option>
                                                <option value="Cadastro">Cadastro</option>
                                                <option value="Emissão">Emissão</option>
                                                <option value="Outras">Outras</option>
                                                @elseif($task->category == "Cotação")
                                                <option value="Cotação" selected>Cotação</option>
                                                <option value="Atendimento" >Atendimento</option>
                                                <option value="Cadastro">Cadastro</option>
                                                <option value="Checkin">Checkin</option>
                                                <option value="Emissão">Emissão</option>
                                                <option value="Outras">Outras</option>
                                                @elseif($task->category == "Cadastro")
                                                <option value="Cadastro" selected>Cadastro</option>
                                                <option value="Atendimento" >Atendimento</option>
                                                <option value="Cotação" >Cotação</option>
                                                <option value="Checkin">Checkin</option>
                                                <option value="Emissão">Emissão</option>
                                                <option value="Outras">Outras</option>
                                                @elseif($task->category == "Emissão")
                                                <option value="Emissão" selected>Emissão</option>
                                                <option value="Atendimento" >Atendimento</option>
                                                <option value="Cadastro" >Cadastro</option>
                                                <option value="Cotação" >Cotação</option>
                                                <option value="Checkin">Checkin</option>
                                                <option value="Outras">Outras</option>
                                                @elseif($task->category == "Checkin")
                                                <option value="Checkin" selected>Checkin</option>
                                                <option value="Atendimento">Atendimento</option>
                                                <option value="Cadastro">Cadastro</option>
                                                <option value="Cotação">Cotação</option>
                                                <option value="Reserva">Reserva</option>
                                                <option value="Outras">Outras</option>
                                                @elseif($task->category == "Outras")
                                                <option value="Outras" selected>Outras</option>
                                                <option value="Atendimento">Atendimento</option>
                                                <option value="Cadastro">Cadastro</option>
                                                <option value="Checkin">Checkin</option>
                                                <option value="Cotação">Cotação</option>
                                                <option value="Reserva">Reserva</option>
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-3">
                                    <div class="form-group">
                                    <label class="form-control-label text-left" style="float:left" for="basic-url">Prioridade</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1"><i class="ni ni-active-40"></i></span>
                                            </div>
                                            <select name="priority" id="priority" class="form-control" @error('priority') is-invalid @enderror>
                                                @if (empty($task->priority))
                                                <option value=""> -- Selecione --</option>
                                                <option value="Alta">Alta</option>
                                                <option value="Média">Média</option>
                                                <option value="Baixa">Baixa</option>
                                                @elseif($task->priority == "Alta")
                                                <option value="Alta" selected>Alta</option>
                                                <option value="Média">Média</option>
                                                <option value="Baixa">Baixa</option>
                                                @elseif($task->priority == "Média")
                                                <option value="Média" selected>Média</option>
                                                <option value="Alta">Alta</option>
                                                <option value="Baixa">Baixa</option>
                                                @elseif($task->priority == "Baixa")
                                                <option value="Baixa" selected>Baixa</option>
                                                <option value="Média">Média</option>
                                                <option value="Alta">Alta</option>
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-3">
                                    <div class="form-group">
                                    <label class="form-control-label text-left" style="float:left" for="basic-url">Status</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1"><i class="ni ni-air-baloon"></i></span>
                                            </div>
                                            <select name="status" id="status" class="form-control" @error('status') is-invalid @enderror>
                                                @if ($task->status == "Pendente")
                                                <option value="Pendente" selected>Pendente</option>
                                                <option value="Em Andament">Em Andamento</option>
                                                <option value="Concluído">Concluído</option>
                                                @elseif($task->status == "Em Andamento")
                                                <option value="Pendente">Pendente</option>
                                                <option value="Em Andament" selected>Em Andamento</option>
                                                <option value="Concluído">Concluído</option>
                                                @elseif($task->status == "Concluído")
                                                <option value="Pendente">Pendente</option>
                                                <option value="Em Andament">Em Andamento</option>
                                                <option value="Concluído" selected>Concluído</option>
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                            <label class="form-control-label text-left" style="margin-left: 17px;"  for="input-name">Descrição</label>
                                <div class="col-12">
                                    <div id="editor">
                                        {{ strip_tags($task->description)}}
                                    </div>
                                    <textarea id="description" name="description" hidden>{{ strip_tags($task->description)}}</textarea>
                                </div>
                            </div><br>
                            <div class="card-footer">
                                <br>
                                @if (!empty($task->sale_id))
                                <div style="float: left;margin-left:-20px">
                                    <h6 class="heading-small text-muted mb-4">
                                        Essa tarefa foi gerada automaticamente pelo TravelTogether a partir do registro da venda <a target="blank_" href="{{ route('sales.show', $task->sale_id) }}">#{{$task->sale_id}}</a>.
                                    </h6>
                                </div>
                                @endif
                                <div class="text-right" style="float: right;">
                                    <button type="submit" class="btn btn-success btn-sm mt-4">Atualizar</button>
                                </div>
                            </div>
                        </div>
                        </form>
                        </div>
                    </div>
                </div>
                @include('layouts.footers.auth')
            </div>
        </div>
    </div>

@push('js')
<script src="//cdn.quilljs.com/1.3.6/quill.js"></script>
<script src="//cdn.quilljs.com/1.3.6/quill.min.js"></script>
@endpush
<script>
  var quill = new Quill('#editor', {
    theme: 'snow'
  });
  quill.on('text-change', function(delta, oldDelta, source) {
            console.log(quill.container.firstChild.innerHTML)
            $('#description').val(quill.container.firstChild.innerHTML);
        });
</script>
<!-- Scripts Section -->
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"> </script>
<!-- CPF or CNPJ -->
<script>
    $(function(){
        $("#status").change(function(){
            var status = $("#status option:selected").text();
            if (status == "Em Andamento") {
                $('#done_date').val('');
                const now = new Date();
                now.setMinutes(now.getMinutes() - now.getTimezoneOffset());
                document.getElementById('ongoing_date').value = now.toISOString().slice(0, 16);
            }
            if (status == "Concluído") {
                $('#ongoing_date').val('');
                const now = new Date();
                now.setMinutes(now.getMinutes() - now.getTimezoneOffset());
                document.getElementById('done_date').value = now.toISOString().slice(0, 16);
            }
            if (status == "Pendente") {
                $('#ongoing_date').val('');
                $('#done_date').val('');
            }
        });
    })
</script>
@endsection