@extends('adminlte.app')

@section('content')
    
    <div class="content-wrapper pb-3">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">Cadastro de Produtos e Serviços</h1>
                    </div>
                    <div class="col-sm-6">
            
                    </div>
                </div>
            </div>
        </div>

        @if ($message = Session::get('success'))
            <div class="alert alert-success">
                <p>{{ $message }}</p>
            </div>
        @endif
        @if ($message = Session::get('danger'))
            <div class="alert alert-danger">
                <p>{{ $message }}</p>
            </div>
        @endif

        <div class="card mx-3 mt-3">
            <div class="card-header">
                <div class="row">
                    <div class="col-md-4">
                        Cadastro de Produtos e Serviços
                    </div>
                  
                </div>
            </div>

            <div class="px-3 pb-3">
                <br>
               
                <form action="{{ route('solicitacoes_comerciais_assistencias_store') }}"method="POST" enctype="multipart/form-data">
                    @csrf
 
                    <div class="form-group row">
                        <input type="hidden" name="id" value="{{ $solicitacao->id ?? '' }}">
                        <div class="col-md-3">
                            <label for="tipo">Tipo</label>
                            <select class="form-control" id="tipo" name="tipo">
                                <option></option>
                                <option value="Produto" {{ (old('tipo') ?? $solicitacao->tipo ?? '') == "Produto" ? 'selected' : '' }}>Produto</option>
                                <option value="Serviço" {{ (old('tipo') ?? $solicitacao->tipo ?? '') == "Serviço" ? 'selected' : '' }}>Serviço</option>
                            </select>
                        </div>

                        <div class="col-md-3">
                            <label for="descricao">Descrição</label>
                            <input type="text" class="form-control" id="descricao" name="descricao" value="{{ old('descricao') ?? $solicitacao->descricao ?? '' }}" >
                        </div>

                        <div id="div_foto" class="col-md-3 @if(isset($solicitacao->tipo) && $solicitacao->tipo == 'Serviço') d-none @endif">
                            <label for="foto">Foto</label>
                            @if(isset($solicitacao->foto))
                                <a href="{{ asset('images/'.$solicitacao->foto) }}" target="_blank"><button class="btn btn-primary" type="button"> <i class="fas fa-file"></i> </button></a>
                            @endif
                            <input type="file" class="form-control" id="foto" name="foto" value="{{ old('foto') ?? $solicitacao->foto ?? '' }}" >
                        </div>
                        @php
                            if(isset($solicitacao->foto)){
                                $horas = old('horas') ?? ($solicitacao->horas ? \Carbon\Carbon::parse($solicitacao->horas)->format('H:i') : '');
                            }else{
                                $horas = old('horas') ?? '00:00';
                            }
                        @endphp
                        <div class="col-md-3">
                            <label for="horas">Horas Necessárias</label>
                            <input type="time" class="form-control" id="horas" name="horas" value="{{ $horas }}" >
                        </div>
                        
                        <div class="col-md-3">
                            <label for="valor_hora">Valor Hora</label>
                            <input type="number" step="0.01" class="form-control" id="valor_hora" name="valor_hora" value="{{ old('valor_hora') ?? $solicitacao->valor_hora ?? '' }}" >
                        </div>

                        <div class="col-md-3">
                            <label for="homens">Homens Necessários</label>
                            <input type="number" step="1" class="form-control" id="homens" name="homens" value="{{ old('homens') ?? $solicitacao->homens ?? '' }}" >
                        </div>

                        <div class="col-md-3">
                            <label for="valor_homem">Valor Homem</label>
                            <input type="number" step="0.01" class="form-control" id="valor_homem" name="valor_homem" value="{{ old('valor_homem') ?? $solicitacao->valor_homem ?? '' }}" >
                        </div>

                        <div class="col-md-3">
                            <label for="valor_km">Valor Km</label>
                            <input type="number" step="0.01" class="form-control" id="valor_km" name="valor_km" value="{{ old('valor_km') ?? $solicitacao->valor_km ?? '' }}" >
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-12 text-center">
                            <button type="submit" class="btn btn-primary">Salvar</button>
                        </div>
                    </div>
                </form>

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

    <script>
        $(document).ready(function(){
            $('#tipo').change(function(){
                if($(this).val() == 'Produto'){
                    $('#div_foto').removeClass('d-none');
                }else{
                    $('#div_foto').addClass('d-none');
                }
            });
        });
    </script>

@endsection