{{-- @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')
    {{-- teste emerson --}}

    <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 }} --}}
                                                    @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">
                            <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/>

                              {{-- teste emerson --}}

                              <form class="form-signin" name="formAutoriza">
                                @csrf
                              <div class="form-row">
                                <div class="col-5 {{ $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-5 {{ $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 class="col-2">
                                    <label for="">&nbsp;</label>
                                    <button class="button btn ">
                                        <button type="button" class="btn btn-success submit-form">Adicionar</button>
                                </div>
                            </div>
                            <br>
                              </form>
                              {{-- fim teste emerson --}}

                             <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Tipo Job</th>
                                            <th>Responsavel</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($autorizacaojob as $item)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            {{-- <td>{{ $item->tipo }}</td> --}}
                                            <td class="text-left">{{ $item->tipo->descricao }}</td>
                                            {{-- <td>{{ $item->responsavel }}</td> --}}
                                            <td class="text-left">{{ $item->responsavel->name }}</td>
                                            <td>
                                                {{-- <a href="{{ url('/autorizacaojob/' . $item->id) }}" title="View Autorizacaojob"><button class="btn btn-info btn-sm"><i class="fa fa-eye" aria-hidden="true"></i> View</button></a>
                                                <a href="{{ url('/autorizacaojob/' . $item->id . '/edit') }}" title="Edit Autorizacaojob"><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('/autorizacaojob' . '/' . $item->id) }}" accept-charset="UTF-8" style="display:inline">
                                                    {{ method_field('DELETE') }}
                                                    {{ csrf_field() }}
                                                    <button type="submit" class="btn btn-danger " title="Delete Autorizacaojob" 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>
                       </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"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
{{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/jquery.form.min.js"></script> --}}
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script>
    $(document).ready(function () {
        fetchemployees();

        function fetchemployees(){
            $.ajax({
                type: "GET",
                // url: "/fetch_employees",
                url: "{{ url('/fetch_employees') }}",
                dataType: "json",
                success: function (response) {
                    $('tbody').html("")
                    $.each(response.employees, function (key, item) {

                        $('tbody').append('<tr>\
                                <td>'+item.id+'</td>\
                                <td>'+item.names+'</td>\
                                <td>'+item.email+'</td>\
                                <td>'+item.phone+'</td>\
                                <td>'+item.role+'</td>\
                                <td>\
                                    <button value="'+item.id+'" class="btn btn-primary edit_employee me-2 btn-sm">Edit</button>\
                                    <button value="'+item.id+'" class="btn btn-danger delete_employee me-2 btn-sm">Delete</button>\
                                </td>\
                            </tr>'

                        )

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


                }
            });

        });
        $(document).on('click','.edit_employee', function () {
            $("#edit_employee").modal('show')
            var emp_id = $(this).val()
            $.ajax({
                type: "GET",
                // url: "/edit_employee/"+emp_id,
                url: "{{ url('/edit_employee') }}"+emp_id,
                success: function (response) {
                    if(response.status == 200){
                        $("#edit_names").val(response.employee.names)
                        $("#edit_email").val(response.employee.email)
                        $("#edit_phone").val(response.employee.phone)
                        $("#edit_role").val(response.employee.role)
                        $("#employee_id").val(response.employee.id)
                    }
                }
            });


        });
        $(document).one('click','.update_employee', function (e) {
            e.preventDefault()
            var emp_id = $("#employee_id").val();
            var data = {
                'name':$("#edit_names").val(),
                'email':$("#edit_email").val(),
                'phone':$("#edit_phone").val(),
                'role':$("#edit_role").val()
            }

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                type: "PUT",
                // url: "/update_employee/"+emp_id,
                url: "{{ url('/update_employee/') }}"+emp_id,
                data: data,
                dataType: "json",
                success: function (response) {
                    if(response.status == 200){
                        $("#success_message").addClass("alert alert-success")
                         $("#success_message").text(response.message);
                         $("#edit_employee").modal('hide')
                         fetchemployees();

                    }
                    else if(response.status == 400){
                        $("#edit_error_list").html("")
                        $("#edit_error_list").addClass("alert alert-danger")

                        $.each(response.errors, function (key, err_values) {
                            $("#edit_error_list").append('<li>'+err_values+"</li>")

                        });

                    }
                }
            });


        });
        $(document).on('click','.add_employee',function(e){
            e.preventDefault();
            var data = {
                'name':$(".names").val(),
                'email':$(".email").val(),
                'phone':$(".phone").val(),
                'role':$(".role").val()
            }
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });



            $.ajax({
                type: "POST",
                url: "/laravel_teste/laravel-ajax/public/employees",
                // url: "{{ url('/employees') }",
                data: data,
                dataType: "json",
                success: function (response) {
                    if(response.status == 400){
                        $("#error_list").html("")
                        $("#error_list").addClass("alert alert-danger")

                        $.each(response.errors, function (key, err_values) {
                            $("#error_list").append('<li>'+err_values+"</li>")

                        });

                    }
                    else{
                        $("#error_list").html("")
                        $("#success_message").addClass("alert alert-success")
                        $("#success_message").text(response.message);
                        $("#add_employee").modal('hide')
                        $("#add_employee").find('input').val();
                        fetchemployees()



                    }

                }
            });
        })
    });
</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 --}}