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

@extends('adminlte::page')

@section('title', 'Roles')


@section('content_header')
    {{-- <h1 class="m-0 text-dark">Jobs</h1> --}}

@stop

@section('content')



    <div class="jumbotron d-flex justify-content-center align-items-center min-vh-100">
        <div class="container">
            <div class="row">
                <div class="col-md-11">
                    {{-- Inicio Menu Tab Panel --}}
                    <ul class="nav nav-tabs" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link {{ request()->is('colaborador/' . $job->id . '/edit') ? 'active' : null }}"
                                href="{{ url('colaborador/' . $job->id . '/edit') }}" role="tab">Jobs</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ request()->is('chatify/') ? 'active' : null }}"
                                href="{{ url('chatify') }}" role="tab">Chat</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ request()->is('jobfotocolaborador/' . $job->id . '/edit') ? 'active' : null }}"
                                href="{{ url('jobfotocolaborador/' . $job->id . '/edit') }}" role="tab">Arquivos Anexo</a>
                        </li>
                    </ul>
                    {{-- Fim Menu Tab Panel --}}

                    <div class="tab-content">
                        {{-- Inicio panel Jobs --}}
                        <div class="tab-pane {{ request()->is('colaborador/' . $job->id . '/edit') ? 'active' : null }}"
                            id="{{ url('colaborador/' . $job->id . '/edit') }}" role="tabpanel">
                            <div class="container">
                                <div class="row">

                                    <div class="card-body">
                                        <a href="{{ url('/colaborador') }}" title="Retorna"><button
                                                class="btn btn-warning "><i class="fa fa-arrow-left" aria-hidden="true"></i>
                                                Retorna</button></a>
                                        {{-- Inicio Linha Colaborador --}}

                                        <div class="form-group">
                                            <label for="exampleFormControlSelect2">Em Produção</label>

                                            @foreach ($autorizacaojob as $autorizacaojob)

                                                @if ($autorizacaojob->finalizado == '0')
                                                <a style="backstyle="background-color: green;color:white"
                                                        href="{{ url('/autorizacaojob/' . $autorizacaojob->id . '/edit') }}"
                                                        class="btn btn-success btn-sm" title="Finaliza Produção">
                                                        {{ $autorizacaojob->tipo->name }}

                                                        <ion-icon name="toggle-outline"></ion-icon>
                                                    </a>
                                                @endif
                                            @endforeach
                                        </div>

                                        {{-- Fim Linha Colaborador --}}


                                        <div class="col-md-12">
                                            <div class="card">
                                                <div class="card-body">

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

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

                                                        <div
                                                            class="form-group {{ $errors->has('jobId') ? 'has-error' : '' }}">

                                                            <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_colaborador.form_update', [
                                                            'formMode' => 'edit',
                                                        ])

                                                    </form>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- Fim panel Jobs --}}

                        {{-- Inicio panel Fotos --}}
                        <div class="tab-pane {{ request()->is('jobfotocolaborador/' . $job->id . '/edit') ? 'active' : null }}"
                            id="{{ url('jobfotocolaborador/' . $job->id . '/edit') }}" role="tabpanel">

                            {{-- Chamada Modal Foto --}}
                            <br>
                            <button type="button" class="btn btn-primary" data-toggle="modal"
                                data-target="#Cadastrar_foto">
                                Inserir Imagem
                            </button>

                            <!--Inicio Modal Foto -->
                            <div class="modal fade bs-example-modal-lg" id="Cadastrar_foto" tabindex="-1" role="dialog"
                                aria-labelledby="myLargeModalLabel">
                                <div class="modal-dialog modal-lg" role="document">
                                    <div class="modal-content">

                                        <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={{ $job->id }}>
                                                        <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 btn-primary">
                                                            {{ __('Enviar') }}
                                                        </x-primary-button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--Fim Modal Foto -->

                            {{-- Inicio index Fotos --}}

                            <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">
                                            <div class="relative overflow-x-auto shadow-md sm:rounded-lg">
                                                <table class="w-full text-sm text-left text-gray-500 dark:text-gray-400">
                                                    <thead
                                                        class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
                                                        <tr>
                                                            <th scope="col" class="px-6 py-3">
                                                                #
                                                            </th>
                                                            <th scope="col" class="px-6 py-3">
                                                                Descrição
                                                            </th>
                                                            <th scope="col" class="px-6 py-3">
                                                                Image
                                                            </th>

                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach ($fotojob as $item)
                                                            <tr
                                                                class="bg-white border-b dark:bg-gray-800 dark:border-gray-700">
                                                                <th scope="row"
                                                                    class="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap">
                                                                    {{ $item->id }}
                                                                </th>
                                                                <td class="px-6 py-4">
                                                                    {{ $item->descricao }}
                                                                </td>
                                                                <td class="flex gap-4 px-6 py-4">
                                                                    @foreach ($item->imagem as $image)
                                                                        <img src="{{ asset('/storage/' . $image) }}"
                                                                            alt="multiple image"
                                                                            class="w-20 h-20 border border-blue-600"
                                                                            height="200" width="200">
                                                                    @endforeach
                                                                </td>
                                                                <td>
                                                                    <form method="POST"
                                                                        action="{{ url('/fotojob' . '/' . $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 Fotojob"
                                                                            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>
                                    </div>
                                </div>
                            </div>

                            {{-- Fim index Fotos --}}


                        </div>
                        {{-- Fim panel Fotos --}}

                        {{-- Inicio panel Chat --}}

                        {{-- <div class="tab-pane {{ request()->is('chat/' . $job->id . '/edit') ? 'active' : null }} text-center"
                            id="{{ url('chat/' . $job->id . '/edit') }}" role="tabpanel">
                        </div> --}}

                        <div class="tab-pane {{ request()->is('chat/' . $job->id . '/edit') ? 'active' : null }} text-center"
                            id="{{ url('chat/' . $job->id . '/edit') }}" role="tabpanel">
                        </div>

                        {{-- @include('admin.autorizacaojob.form') --}}

                        {{-- Fim panel Chat --}}

                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection