{{-- @extends('layouts.app') --}}

@extends('adminlte::page')

@section('title', 'Roles')


@section('content_header')
    <h1 class="m-0 text-dark">Jobs</h1>
    {{-- <div class="card-body">
    <a href="{{ url('/job') }}" title="Back"><button class="btn btn-warning btn-sm"><i class="fa fa-arrow-left" aria-hidden="true"></i> Back</button></a>
</div> --}}
@stop

@section('content')


    <section id="tabs" class="project-tab">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <nav>
                        <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">&nbsp;&nbsp;
                            <a class="nav-item nav-link active" id="job-tab" data-toggle="tab" href="#job"
                                role="tab" aria-controls="job" aria-selected="true">Job</a>
                            <a class="nav-item nav-link" id="foto-tab" data-toggle="tab" href="#foto" role="tab"
                                aria-controls="foto" aria-selected="false">Fotos</a>
                            <a class="nav-item nav-link" id="autoriza-tab" data-toggle="tab" href="#autoriza" role="tab"
                                aria-controls="autoriza" aria-selected="false">Autorizações</a>
                            <a class="nav-item nav-link" id="previsao-tab" data-toggle="tab" href="#previsao" role="tab"
                                aria-controls="previsao" aria-selected="false">Previsao</a>
                            <a class="nav-item nav-link" id="linkanexo-tab" data-toggle="tab" href="#linkanexo"
                                role="tab" aria-controls="linkanexo" aria-selected="false">Link Anexo</a>
                            <a class="nav-item nav-link" id="linkanexo-tab" data-toggle="tab" href="#linkanexo"
                                role="tab" aria-controls="linkanexo" aria-selected="false">Tarefa</a>
                            <a class="nav-item nav-link" id="linkanexo-tab" data-toggle="tab" href="#linkanexo"
                                role="tab" aria-controls="linkanexo" aria-selected="false">Chat</a>
                        </div>
                    </nav>
                    <div class="tab-content" id="nav-tabContent">
                        {{-- Inicio Table Job --}}
                        <div class="tab-pane fade show active" id="job" role="tabpanel" aria-labelledby="job-tab">
                            <div class="container">
                                <div class="row">
                                    {{-- @include('admin.sidebar') --}}

                                    <div class="col-md-12">
                                        <div class="card">
                                            {{-- <div class="card-header">Edit Job #{{ $job->id }}</div> --}}
                                            <div class="card-body">
                                                {{-- <a href="{{ url('/job') }}" title="Back"><button class="btn btn-warning btn-sm"><i class="fa fa-arrow-left" aria-hidden="true"></i> Back</button></a> --}}


                                                @if ($errors->any())
                                                    <ul class="alert alert-danger">
                                                        @foreach ($errors->all() as $error)
                                                            <li>{{ $error }}</li>
                                                        @endforeach
                                                    </ul>
                                                @endif

                                                <form method="POST" action="{{ url('/job/' . $job->id) }}"
                                                    accept-charset="UTF-8" class="form-horizontal"
                                                    enctype="multipart/form-data">
                                                    {{ method_field('PATCH') }}
                                                    {{ csrf_field() }}
                                                    {{-- {{ $job->clientename->name }} --}}
                                                    <div class="form-group {{ $errors->has('jobId') ? 'has-error' : '' }}">
                                                        {{-- <label for="jobId" class="control-label">{{ 'Jobid' }}</label> --}}
                                                        <input class="form-control" name="job_Id" type="number"
                                                            id="job_Id" hidden value="{{ $job->id }}" required>
                                                        {!! $errors->first('job_Id', '<p class="help-block">:message</p>') !!}
                                                    </div>
                                                    @include ('admin.jobs.form_update', [
                                                        'formMode' => 'edit',
                                                    ])

                                                </form>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- Fim Table Job --}}
                        {{-- Inicio Tabel foto --}}
                        <div class="tab-pane fade" id="foto" role="tabpanel" aria-labelledby="foto-tab">
                            <div class="py-12">
                                <div class="mx-auto max-w-7xl sm:px-6 lg:px-8">
                                    <div class="overflow-hidden bg-white shadow-sm sm:rounded-lg">
                                        <div class="p-6 bg-white border-b border-gray-200">
                                            <form method="POST" action="{{ route('fotojob.store') }}"
                                                enctype="multipart/form-data">
                                                @csrf
                                                <input TYPE="hidden" name="jobid" VALUE={{ 1 }}>
                                                <br>
                                                <div class="mb-6">
                                                    <label class="block">
                                                        <span class="text-gray-700">Descrição</span>
                                                        <input type="text" name="descricao"
                                                            class="block w-full @error('descricao') border-red-500 @enderror mt-1 rounded-md"
                                                            placeholder="" value="{{ old('descricao') }}" />
                                                    </label>
                                                    @error('descricao')
                                                        <div class="text-sm text-red-600">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <div class="mb-4">
                                                    <label class="block">
                                                        <span class="text-gray-700">Images</span>
                                                        <input type="file" name="imagem[]"
                                                            class="block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100"
                                                            multiple />
                                                    </label>
                                                    @error('imagem')
                                                        <div class="text-sm text-red-600">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <x-primary-button class="ml-3">
                                                    {{ __('Submit') }}
                                                </x-primary-button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- Fim Tabel foto --}}
                        {{-- Inicio Tabel Autoriza --}}

                        <div class="tab-pane fade text-center" id="autoriza" role="tabpanel"
                            aria-labelledby="autoriza-tab">

                            {{-- Chamada Modal Autoriza --}}
                            <br>
                            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
                                Cadastrar Autorização
                            </button>

                            <!--Inicio Modal Autoriza -->
                            <div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog"
                                aria-labelledby="myLargeModalLabel">
                                <div class="modal-dialog modal-lg" role="document">
                                    <div class="modal-content">
                                        <div class="container text-center">
                                            <form class="form-signin" name="formAutoriza">
                                                @csrf
                                                <div class="row">
                                                    <div class="col-6 {{ $errors->has('id_tipo') ? 'has-error' : '' }}">
                                                        <label for="id_tipo"
                                                            class="control-label">{{ 'Tipo Job' }}</label>
                                                        <select name="id_tipo" class="form-control" id="id_tipo">
                                                            @foreach ($tipojob as $tipojob)
                                                                <option value="{{ $tipojob->id }}">
                                                                    {{ $tipojob->descricao }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <div
                                                        class="col-6 {{ $errors->has('responsavel') ? 'has-error' : '' }}">
                                                        <label for="responsavel"
                                                            class="control-label">{{ 'Responsavel' }}</label>
                                                        <select name="responsavel" class="form-control" id="responsavel">
                                                            @foreach ($cliente as $cliente)
                                                                <option value="{{ $cliente->id }}">{{ $cliente->name }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <br>
                                                <div class="col align-self-center">
                                                    <button class="button btn ">
                                                        <button type="button"
                                                            class="btn btn-success submit-form">Adicionar</button>

                                                </div>
                                        </div>
                                        <br>
                                        </form>
                                    </div>
                                </div>
                            </div>

                            <!--Fim Modal Autoriza -->
                            {{-- Inicio Modal Delete Autoriza --}}
                            <div class="modal fade bs-example-modal-lg" id="delete_autoriza_job" tabindex="-1"
                                role="dialog" aria-labelledby="myLargeModalLabel">
                                <div class="modal-dialog modal-lg" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h1 class="modal-title fs-5" id="exampleModalLabel">Você Confirma a Deleção da
                                                Autorização</h1>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body">
                                            <input type="hidden" id="delete_autoriza_job_id">
                                            <p>Tem certeza de que deseja excluir estes dados?</p>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{-- <div class="modal fade" id="delete_autoriza_job" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                  <div class="modal-content">
                                    <div class="modal-header">
                                      <h1 class="modal-title fs-5" id="exampleModalLabel">Você Confirma a Deleção da Autorização</h1>
                                      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                    </div>
                                    <div class="modal-body">
                                      <input type="hidden" id="delete_autoriza_job_id">
                                      <p>Tem certeza de que deseja excluir estes dados?</p>

                                    </div>
                                    <div class="modal-footer">
                                      <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                                      <button type="button" class="btn btn-danger delete_autoriza_job_btn">Yes,Delete</button>
                                    </div>
                                  </div>
                                </div>
                              </div> --}}
                            {{-- Fim Modal Delete Autoriza --}}

                            <br />
                            <label for="cliente" class="control-label">{{ 'Autorizações Obrigatorias' }}</label> <br>
                            @foreach ($tipo_job as $tipo_job)
                                {{-- <p> {{ $tipo_job->tipo->name }}</p> --}}
                                {{-- <label for="cliente" class="control-label">{{ $tipo_job->tipo->name }}</label> &nbsp; --}}
                                {{-- <span class="badge badge-primary text-center">{{ $tipo_job->tipo->name }} </span> --}}
                                <div class="btn-group" role="group" aria-label="Exemplo básico">
                                    <button type="button" class="btn btn-danger">{{ $tipo_job->tipo->name }}</button>
                                </div>
                            @endforeach
                            <br /><br />

                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Tipo Job</th>
                                            <th>Responsavel</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                    </tbody>
                                </table>

                            </div>

                        </div>
                        {{-- Fim Tabela Autoriza --}}
                        {{-- Inicio Table Previsao --}}
                        <div class="tab-pane fade" id="previsao" role="tabpanel" aria-labelledby="previsao-tab">
                            <div class="col-md-12">
                                <div class="card">
                                    {{-- <div class="card-header">Edit Job #{{ $job->id }}</div> --}}
                                    <div class="card-body">
                                        {{-- <a href="{{ url('/job') }}" title="Back"><button class="btn btn-warning btn-sm"><i class="fa fa-arrow-left" aria-hidden="true"></i> Back</button></a> --}}


                                        @if ($errors->any())
                                            <ul class="alert alert-danger">
                                                @foreach ($errors->all() as $error)
                                                    <li>{{ $error }}</li>
                                                @endforeach
                                            </ul>
                                        @endif

                                        <form method="POST" action="{{ url('/job/' . $job->id) }}"
                                            accept-charset="UTF-8" class="form-horizontal" enctype="multipart/form-data">
                                            {{ method_field('PATCH') }}
                                            {{ csrf_field() }}

                                            @include ('admin.jobs.form_update_previsao', [
                                                'formMode' => 'edit',
                                            ])

                                        </form>

                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- Fim Table Previsao --}}
                        {{-- Inicio Link Anexo --}}
                        <div class="tab-pane fade" id="linkanexo" role="tabpanel" aria-labelledby="linkanexo-tab">
                            <div class="col-md-12">
                                <div class="card">
                                    <div class="card-header">Linkanexojob</div>
                                    <div class="card-body">
                                        <a href="{{ url('/linkanexo/create') }}" class="btn btn-success btn-sm"
                                            title="Add New LinkAnexojob">
                                            <i class="fa fa-plus" aria-hidden="true"></i> Add New
                                        </a>

                                        <form method="GET" action="{{ url('linkanexo') }}" accept-charset="UTF-8"
                                            class="form-inline my-2 my-lg-0 float-right" role="search">
                                            {{-- <div class="input-group">
                                            <input type="text" class="form-control" name="search" placeholder="Search..." value="{{ request('search') }}">
                                            <span class="input-group-append">
                                                <button class="btn btn-secondary" type="submit">
                                                    <i class="fa fa-search"></i>
                                                </button>
                                            </span>
                                        </div> --}}
                                        </form>

                                        <br />
                                        <br />
                                        <div class="table-responsive">
                                            <table class="table">
                                                <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>Descricao</th>
                                                        <th>Link</th>
                                                        {{-- <th>JobId</th> --}}
                                                        <th>Actions</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($linkanexojob as $item)
                                                        <tr>
                                                            <td>{{ $loop->iteration }}</td>
                                                            <td>{{ $item->descricao }}</td>
                                                            <td><a href="{{ $item->link }}" target="_blank"
                                                                    rel="noopener noreferrer">{{ $item->link }}</a>
                                                            </td>
                                                            {{-- <td>{{ $item->jobId }}</td> --}}
                                                            <td>
                                                                {{-- <a href="{{ url('/linkanexo/' . $item->id) }}"
                                                                    title="View LinkAnexojob"><button
                                                                        class="btn btn-info btn-sm"><i class="fa fa-eye"
                                                                            aria-hidden="true"></i> View</button></a> --}}
                                                                {{-- <a href="{{ url('/linkanexo/' . $item->id . '/edit') }}"
                                                                    title="Edit LinkAnexojob"><button
                                                                        class="btn btn-primary btn-sm"><i
                                                                            class="fa fa-pencil-square-o"
                                                                            aria-hidden="true"></i> Edit</button></a> --}}

                                                                <form method="POST"
                                                                    action="{{ url('/linkanexo' . '/' . $item->id) }}"
                                                                    accept-charset="UTF-8" style="display:inline">
                                                                    {{ method_field('DELETE') }}
                                                                    {{ csrf_field() }}
                                                                    <button type="submit" class="btn btn-danger btn-sm"
                                                                        title="Delete LinkAnexojob"
                                                                        onclick="return confirm(&quot;Confirm delete?&quot;)"><i
                                                                            class="fa fa-trash-o" aria-hidden="true"></i>
                                                                        Delete</button>
                                                                </form>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                            {{-- <div class="pagination-wrapper"> {!! $linkanexojob->appends(['search' => Request::get('search')])->render() !!} </div> --}}
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- Fim Link Anexo --}}
                    </div>
                </div>
            </div>
        </div>
    </section>
    {{-- fim teste emerson --}}
    {{-- <div class="container">
        <div class="row"> --}}
    {{-- @include('admin.sidebar') --}}
    {{--
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">Edit Job #{{ $job->id }}</div>
                    <div class="card-body">
                        <a href="{{ url('/job') }}" title="Back"><button class="btn btn-warning btn-sm"><i class="fa fa-arrow-left" aria-hidden="true"></i> Back</button></a>
                        <br />
                        <br />

                        @if ($errors->any())
                            <ul class="alert alert-danger">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        @endif

                        <form method="POST" action="{{ url('/job/' . $job->id) }}" accept-charset="UTF-8" class="form-horizontal" enctype="multipart/form-data">
                            {{ method_field('PATCH') }}
                            {{ csrf_field() }}

                            @include ('admin.jobs.form', ['formMode' => 'edit'])

                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div> --}}
@endsection

{{-- inicio java script --}}
@push('js')
    <script src="https://code.jquery.com/jquery-3.6.4.min.js"
        integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

    <script>
        $(document).ready(function() {
            // inicio abrir em abas
            $(function() {
                var navTabs = $('.nav-tabs a');
                var hash = window.location.hash;
                hash && navTabs.filter('[data-value="' + hash + '"]').tab('show');

                navTabs.on('shown', function(e) {
                    var newhash = $(e.target).attr('data-value');
                    window.location.hash = newhash;
                });
            })
            // fim abrir em abas

            // job();
            var jobId = $('#job_Id').val();

            console.log('cheguei');
            autoriza_job();
            // console.log(autoriza_job)

            function autoriza_job() {
                $.ajax({
                    type: "GET",
                    url: "{{ url('/autoriza_job') }}",
                    dataType: "json",
                    success: function(response) {
                        // console.log(response)
                        $('tbody').html("")
                        $.each(response.autoriza_job, function(key, item) {
                            var autoriza_id = item.id;
                            // console.log(autoriza_id);
                            if (item.jobid == jobId) {
                                // console.log(item.id);
                                $('tbody').append('<tr>\
                                            <td>' + item.jobid + '</td>\
                                            <td>' + item.tipo.descricao + '</td>\
                                            <td>' + item.responsavel.name + '</td>\
                                            <td>\
                                            <button value="' + item.id + '" class="btn btn-danger delete_autoriza_job me-2 btn-sm">Delete</button>\
                                            </td>\
                                        </tr>')
                            }

                        });
                    }
                });
            }
            $(document).on('click', '.delete_autoriza_job', function() {
                console.log('cheguei no delete');
                var emp_id = $(this).val()
                console.log(emp_id);

                // $("#delete_autoriza_job").modal('show')
                // $("#delete_autoriza_job_id").val(emp_id)
                // $("#delete_autoriza_job").modal('show')
            });
            // $(document).on('click', '.delete_autoriza_job_btn', function() {
            //     var id = $("#delete_autoriza_job_id").val();
            //     var barra = "/";
            //     $.ajaxSetup({
            //         headers: {
            //             'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            //         }
            //     });
            // $.ajax({
            //     type: "DELETE",
            //     url: "{{ url('/delete-autoriza_job/') }}" + barra + id,
            //     success: function(response) {
            //         $("#success_message").addClass("alert alert-success")
            //         $("#success_message").text(response.message);
            //         $("#delete_autoriza_job").modal('hide')
            //         autoriza_job();


            //     }
            // });

            // });
        });
    </script>

    {{-- <script type="text/javascript">
    $(".submit-form").click(function(e){
        e.preventDefault();
        var data = $('#formAutoriza').serialize();
        alert('teste'+ data);
        $.ajax({
            type: 'post',
            url: "{{ url('/autorizacaojob') }}",
            data: data,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            beforeSend: function(){
                $('#create_new').html('....Please wait');
            },
            success: function(response){
                alert(response.success);
            },
            complete: function(response){
                $('#create_new').html('Create New');
            }
        });
	});
// <script>
    // $(function(){
    //     $('form[name="formAutoriza"]').submit(function(event){
    //         event.preventDefault();

    //         $.ajax({
    //             type: 'POST',
    //             url: "{{ url('/autorizacaojob') }}",
    //             data: $(formAutoriza). serialize(),
    //             sucess: function(result){
    //                 console.log('cheguei' + result);
    //             }
    //         })
    //         // $.ajax({
    //         //     url: "{{ url('/autorizacaojob') }}",
    //         //     type: "post",
    //         //     data: $(this).serialize(),
    //         //     dataType: 'json',
    //         //     sucess: function(response){
    //         //         console.log($response);
    //         //     }
    //         // });
    //         // var tipo        = $(this).find(id_tipo).val();
    //         // var responsavel = $(this).find(responsavel).val();
    //         // // var tipo = $(this).attr('id_tipo');
    //         // alert('Teste' + tipo + responsavel);
    //     });
    // });
</script> --}}
@endpush
{{-- fim java script --}}