@extends('dashboard._theme_dashboard')

@section('content')
    <div class="container-fluid">
        <div class="row mb-4">
            <div class="col-9">
                <div class="col-12">
                    <table class="table table-responsive">
                        <thead>
                        <tr class="text-center">
                            <td colspan="4">Resumo das informações</td>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>Pedido N°</td>
                            <td><strong>{{$sale->sale_number}}</strong></td>
                            <td>Cliente</td>
                            <td><strong>{{$sale->client_name}}</strong></td>
                        </tr>
                        <tr>
                            <td>Produto:</td>
                            <td><strong>{{$sale_items->product_description}}</strong></td>
                            <td>Qtde.:</td>
                            <td><strong>{{$sale_items->item_amount}}</strong></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="col-3 d-flex flex-column justify-content-center align-items-center">
                {!! $qrcode !!}
            </div>
        </div>
        <hr>
        <div class="row mb-2">
            <div class="col-12">
                <form method="POST" action="{{route("production.update.item")}}" enctype="multipart/form-data"
                      id="production_item_forms">
                    @csrf
                    <input type="hidden" name="item_id" value="{{$sale_items->item_id}}">
                    @if(empty($production_item))
                        <h5 class="card-title fw-semibold mb-4 text-center">Iníciar ciclo</h5>
                        <div class="row">
                            <div class="col-3 mb-2">
                                <label class="form-label" for="worker_id">Colaborador</label>
                                <select class="form-select" name="worker_id" id="worker_id" required>
                                    <option value="">Selecione um colaborador</option>
                                    @foreach($workers as $item)
                                        <option value="{{$item->worker_id}}">{{$item->worker_name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-3 mb-2">
                                <label class="form-label" for="process_id">Processo</label>
                                <select class="form-select" name="process_id" id="process_id" required>
                                    <option value="">Selecione um processo</option>
                                    @foreach($process as $item)
                                        <option value="{{$item->process_id}}">{{$item->process_name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-3 mb-2">
                                <label class="form-label" for="step_id">Etapa</label>
                                <select class="form-select" name="step_id" id="step_id" required>
                                    <option value="">Selecione um etapa</option>
                                </select>
                            </div>
                            <div class="col-3 mb-2">
                                <label class="form-label" for="production_item_external_process">Processo
                                    externo?</label>
                                <select class="form-select" name="production_item_external_process"
                                        id="production_item_external_process">
                                    <option value="Não">Não</option>
                                    <option value="Sim">Sim</option>
                                </select>
                            </div>
                            <div class="col-3 mb-2 d-none" id="external_value_div">
                                <label class="form-label" for="production_item_external_process_value">Custo do processo
                                    externo (R$)</label>
                                <input type="text" class="form-control money-mask"
                                       name="production_item_external_process_value"
                                       id="production_item_external_process_value">
                            </div>
                            <div class="col-3 mb-2">
                                <label class="form-label" for="machine_id">Máquina</label>
                                <select class="form-select" name="machine_id" id="machine_id" required>
                                    <option value="">Selecione uma máquina</option>
                                    @foreach($machines as $item)
                                        <option value="{{$item->machine_id}}">{{$item->machine_name}}</option>
                                    @endforeach
                                </select>
                            </div>


                            <div class="col-12 mb-2">
                                <label class="form-label" for="production_item_observation">Observações</label>
                                <input type="text" class="form-control" id="production_item_observation"
                                       name="production_item_observation">
                            </div>
                            <div class="col-6 mb-2">
                                <label class="form-label" for="production_item_start">Início Processo</label>
                                <input type="datetime-local" class="form-control" id="production_item_start"
                                       name="production_item_start" required>
                            </div>
                            <div class="col-6 mb-2">
                                <label class="form-label" for="production_item_end">Término Processo</label>
                                <input type="datetime-local" class="form-control" id="production_item_end"
                                       name="production_item_end">
                            </div>
                        </div>
                    @else
                        <h5 class="card-title fw-semibold mb-4 text-center">Encerrar ciclo</h5>
                        <div class="row">
                            <div class="col-3 mb-2">
                                <label class="form-label" for="worker_id">Colaborador</label>
                                <select class="form-select" name="worker_id" id="worker_id" disabled>
                                    @foreach($workers as $item)
                                        <option value="{{$item->worker_id}}"
                                            {{$production_item->worker_id == $item->worker_id ? "selected" : ""}}>
                                            {{$item->worker_name}}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-3 mb-2">
                                <label class="form-label" for="process_id">Processo</label>
                                <select class="form-select" name="process_id" id="process_id" disabled>
                                    @foreach($process as $item)
                                        <option value="{{$item->process_id}}"
                                            {{$production_item->process_id == $item->process_id ? "selected" : ""}}>
                                            {{$item->process_name}}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-3 mb-2">
                                <label class="form-label" for="step_id">Etapa</label>
                                <select class="form-select" name="step_id" id="step_id" disabled>
                                    @foreach($current_steps as $item)
                                        <option value="{{$item->step_id}}"
                                            {{$production_item->step_id == $item->step_id ? "selected" : ""}}>
                                            {{$item->step_name}}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-3 mb-2">
                                <label class="form-label" for="production_item_external_process">Processo
                                    externo?</label>
                                <select class="form-select" name="production_item_external_process"
                                        id="production_item_external_process" disabled>
                                    <option value="Não"
                                        {{$production_item->production_item_external_process == "Não" ? "selected" : ""}}>
                                        Não
                                    </option>
                                    <option value="Sim"
                                        {{$production_item->production_item_external_process == "Sim" ? "selected" : ""}}>
                                        Sim
                                    </option>
                                </select>
                            </div>
                            <div class="col-3 mb-2
                            {{$production_item->production_item_external_process == "Sim" ? "d-block" : "d-none"}}"
                                 id="external_value_div">
                                <label class="form-label" for="production_item_external_process_value">Custo do processo
                                    externo</label>
                                <input type="text" class="form-control money-mask"
                                       name="production_item_external_process_value"
                                       id="production_item_external_process_value"
                                       value="{{number_format($production_item->production_item_external_process_value, 2, ',', '.')}}">
                            </div>
                            <div class="col-3 mb-2">
                                <label class="form-label" for="machine_id">Máquina</label>
                                <select class="form-select" name="machine_id" id="machine_id" disabled>
                                    <option value="">Selecione uma máquina</option>
                                    @foreach($machines as $item)
                                        <option value="{{$item->machine_id}}"
                                            {{$production_item->machine_id == $item->machine_id ? "selected" : ""}}>
                                            {{$item->machine_name}}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-12 mb-2">
                                <label class="form-label" for="production_item_observation">Observações</label>
                                <input type="text" class="form-control" id="production_item_observation"
                                       name="production_item_observation"
                                       value="{{$production_item->production_item_observation}}">
                            </div>
                            <div class="col-6 mb-2">
                                <label class="form-label" for="production_item_start">Início Processo</label>
                                <input type="datetime-local" class="form-control" id="production_item_start"
                                       name="production_item_start"
                                       value="{{$production_item->production_item_start}}" disabled>
                            </div>
                            <div class="col-6 mb-2">
                                <label class="form-label" for="production_item_end">Término Processo</label>
                                <input type="datetime-local" class="form-control" id="production_item_end"
                                       name="production_item_end" required>
                            </div>
                        </div>
                    @endif

                    <div class="row">
                        <div class="col-12 text-end">
                            <button class="btn btn-primary submit-forms">Salvar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <hr>
        <h5 class="text-dark mb-4">Histórico do Item</h5>
        <div class="row mb-4">
            <div class="col-12">

                <div class="row">
                    <div class="col-12 d-flex align-items-stretch">
                        <div class="card w-100">
                            <div class="card-body p-4">
                                <h5 class="card-title fw-semibold mb-4">Resultado da busca</h5>
                                <div class="table-responsive">
                                    <table class="table text-nowrap mb-0 align-middle" id="item_history_table">
                                        <thead class="text-dark fs-4">
                                        <tr>

                                            <th class="border-bottom-0">
                                                <h6 class="fw-semibold mb-0">Colaborador</h6>
                                            </th>
                                            <th class="border-bottom-0">
                                                <h6 class="fw-semibold mb-0">Processo</h6>
                                            </th>
                                            <th class="border-bottom-0">
                                                <h6 class="fw-semibold mb-0">Etapa</h6>
                                            </th>
                                            <th class="border-bottom-0">
                                                <h6 class="fw-semibold mb-0">Processo externo</h6>
                                            </th>
                                            <th class="border-bottom-0">
                                                <h6 class="fw-semibold mb-0">Maq.</h6>
                                            </th>
                                            <th class="border-bottom-0">
                                                <h6 class="fw-semibold mb-0">Custo Hom.</h6>
                                            </th>
                                            <th class="border-bottom-0">
                                                <h6 class="fw-semibold mb-0">Início</h6>
                                            </th>
                                            <th class="border-bottom-0">
                                                <h6 class="fw-semibold mb-0">Término</h6>
                                            </th>
                                            <th class="border-bottom-0">
                                                <h6 class="fw-semibold mb-0">Observações</h6>
                                            </th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($production_item_history as $item)
                                            <tr>
                                                <td class="border-bottom-0">{{$item->worker_name}}</td>
                                                <td class="border-bottom-0">{{$item->process_name}}</td>
                                                <td class="border-bottom-0">{{$item->step_name}}</td>
                                                @if(!empty($item->production_item_external_process_value))
                                                    <td class="border-bottom-0">{{$item->production_item_external_process}} - R$ {{$item->production_item_external_process_value}}</td>
                                                @else
                                                    <td class="border-bottom-0">{{$item->production_item_external_process}}</td>
                                                @endif
                                                <td class="border-bottom-0">R$ {{number_format($item->production_item_machine_cost, 2, ',', '.')}}</td>
                                                <td class="border-bottom-0">R$ {{number_format($item->production_item_worker_cost, 2, ',', '.')}}</td>
                                                <td class="border-bottom-0">{{date("d/m/Y", strtotime($item->production_item_start))}}</td>
                                                @if(!empty($item->production_item_end))
                                                    <td class="border-bottom-0">{{date("d/m/Y", strtotime($item->production_item_end))}}</td>
                                                @else
                                                    <td class="border-bottom-0"></td>
                                                @endif
                                                <td class="border-bottom-0">
                                                    <i class="fal fa-eye"></i>
                                                </td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12 text-end">
                <button class="btn btn-primary">Salvar</button>
            </div>
        </div>
    </div>
    <input type="hidden" id="load_steps_path" value="{{route("production.load.steps")}}">
@endsection
@section('customJS')
    <script src="{{asset("_js/dashboard/production/item-details.js")}}"></script>
@endsection