@extends('layouts.app')

@section('content')
    <div class="container-fluid p-0 h-100">
        <div class="container-fluid p-0">
            <div class="container-fluid d-flex justify-content-between align-items-center p-0 mb-3">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0">
                        <li class="breadcrumb-item"><a href="{{ route('visitas.index') }}">Visitas</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{{ substr(strtolower($visita->fornecedor_nome), 0, 20) }}</li>
                        <li class="breadcrumb-item active" aria-current="page">Visita - #{{ $visita->id_visita }}</li>
                    </ol>
                </nav>
                @switch($visita->id_status_visita)
                @case(1)
                    <span class="badge text-bg-primary">{{$visita->status}}</span>
                    @break
                @case(2)
                    <span class="badge text-bg-warning">{{$visita->status}}</span>
                    @break
                @case(3)
                    <span class="badge text-bg-secondary">{{$visita->status}}</span>
                    @break
                @case(4)
                    <span class="badge text-bg-success">{{$visita->status}}</span>
                    @break
                @case(5)
                    <span class="badge text-bg-danger">{{$visita->status}}</span>
                    @break
                @endswitch
            </div>
        </div>

        @include('includes.alerts')

        <div class="visita h-100">
            <form action="{{ route('visitas.update', $visita->id_visita) }}" id="form-visita" method="POST" enctype="multipart/form-data" class="h-100">
                @csrf
                {{ method_field('PATCH') }}
                <step-component 
                    :auth="{{ Auth::user() }}" 
                    :visita="{{ $visita }}" 
                    :troca="{{ $troca }}"
                    base="{{ env("APP_URL") }}"
                    base-aws="{{ env("AWS_BUCKET_ADDRESS") }}" />
            </form>
        </div>
    </div>
@endsection