@extends('dashboard._theme_dashboard')

@section('content')
    <div class="container-fluid">
        <div class="d-sm-flex justify-content-between align-items-center mb-4">
            <h5 class="text-dark mb-0">Cadastro de equipamento | Caldeiras</h5>
        </div>
        <form method="POST" action="{{route("equipment.boiler.save",["client_id" => $client->client_id])}}"
              enctype="multipart/form-data" id="boiler_forms">
            @csrf
            <input type="hidden" name="client_id" id="client_id" value="{{$client->client_id}}">
            <input type="hidden" name="boiler_id" id="boiler_id" value="{{$boiler->boiler_id}}">
            <div class="row">
                <div class="col-3">
                    <label class="form-label" for="client_name">Cliente</label>
                    <input class="form-control" type="text" id="client_name" value="{{$client->client_name}}" disabled>
                </div>
                <div class="col-3">
                    <label class="form-label" for="boiler_status">Situação do equipamento</label>
                    <select name="boiler_status" id="boiler_status" class="form-select">
                        <option value="Ativo" {{$boiler->boiler_status == "Ativo" ? "selected" : ""}}>Ativo</option>
                        <option value="Inativo" {{$boiler->boiler_status == "Inativo" ? "selected" : ""}}>Inativo</option>
                    </select>
                </div>
                <div class="col-6 d-flex flex-column justify-content-end">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" value="true" id="boiler_collection_control"
                               name="boiler_collection_control" {{$boiler->boiler_collection_control == "Sim" ? "checked" : ""}}>
                        <label class="form-check-label" for="boiler_collection_control">
                            Equipamento fora do controle de coletas
                        </label>
                    </div>
                </div>
            </div>
            <hr>
            <h5 class="text-dark mb-4">Informações da cadastro</h5>
            <div class="row">
                <div class="col-6 mb-1">
                    <label class="form-label" for="boiler_name">Equipamento</label>
                    <input type="text" class="form-control" id="boiler_name" name="boiler_name"
                           value="{{$boiler->boiler_name}}" required>
                </div>
                <div class="col-6"></div>

                <div class="col-4 mb-1">
                    <label class="form-label" for="brand_id">
                        Marca
                        <i class="fal fa-plus-circle" data-bs-toggle="offcanvas" data-bs-target="#brand_canvas"></i>
                    </label>
                    <select name="brand_id" id="brand_id" class="form-select">
                        <option value="">Escolha uma opção</option>
                        @foreach($boilerBrand as $item)
                            <option value="{{$item->brand_id}}" {{$boiler->brand_id == $item->brand_id ? "selected" : ""}}>
                                {{$item->brand_name}}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-4 mb-1">
                    <label class="form-label" for="model_id">
                        Modelo <i class="fal fa-plus-circle" data-bs-toggle="offcanvas" data-bs-target="#model_canvas"></i>
                    </label>
                    <select name="model_id" id="model_id" class="form-select">
                        <option value="">Escolha uma opção</option>
                        @foreach($boilerModel as $item)
                            <option value="{{$item->model_id}}" {{$boiler->model_id == $item->model_id ? "selected" : ""}}>
                                {{$item->model_name}}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-4 mb-1">
                    <label class="form-label" for="fuel_id">
                        Combustível <i class="fal fa-plus-circle" data-bs-toggle="offcanvas" data-bs-target="#fuel_canvas"></i>
                    </label>
                    <select name="fuel_id" id="fuel_id" class="form-select">
                        <option value="">Escolha uma opção</option>
                        @foreach($boilerFuel as $item)
                            <option value="{{$item->fuel_id}}" {{$boiler->fuel_id == $item->fuel_id ? "selected" : ""}}>
                                {{$item->fuel_name}}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-2 mb-1">
                    <label class="form-label" for="boiler_manufacture_year">Ano Fabricação</label>
                    <input type="text" class="form-control" id="boiler_manufacture_year" name="boiler_manufacture_year"
                           value="{{$boiler->boiler_manufacture_year}}">
                </div>
                <div class="col-2 mb-1">
                    <label class="form-label" for="boiler_reform_year">Ano Reforma</label>
                    <input type="text" class="form-control" id="boiler_reform_year" name="boiler_reform_year"
                           value="{{$boiler->boiler_reform_year}}">
                </div>
                <div class="col-2 mb-1">
                    <label class="form-label" for="boiler_pressure">Pressão</label>
                    <input type="text" class="form-control" id="boiler_pressure" name="boiler_pressure"
                           value="{{$boiler->boiler_pressure}}">
                </div>
                <div class="col-2 mb-1">
                    <label class="form-label" for="pressure_id">
                        Unidade Pressão <i class="fal fa-plus-circle" data-bs-toggle="offcanvas" data-bs-target="#pressure_unit_canvas"></i>
                    </label>
                    <select name="pressure_id" id="pressure_id" class="form-select">
                        <option value="">Escolha uma opção</option>
                        @foreach($boilerPressureUnit as $item)
                            <option value="{{$item->pressure_id}}" {{$boiler->pressure_id == $item->pressure_id ? "selected" : ""}}>
                                {{$item->pressure_name}}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-2 mb-1">
                    <label class="form-label" for="boiler_capacity">Capacidade</label>
                    <input type="text" class="form-control" id="boiler_capacity" name="boiler_capacity"
                           value="{{$boiler->boiler_capacity}}">
                </div>
                <div class="col-2 mb-1">
                    <label class="form-label" for="capacity_id">
                        Unidade Cap. <i class="fal fa-plus-circle" data-bs-toggle="offcanvas" data-bs-target="#capacity_unit_canvas"></i>
                    </label>
                    <select name="capacity_id" id="capacity_id" class="form-select">
                        <option value="">Escolha uma opção</option>
                        @foreach($boilerCapacityUnit as $item)
                            <option value="{{$item->capacity_id}}" {{$boiler->capacity_id == $item->capacity_id ? "selected" : ""}}>
                                {{$item->capacity_name}}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-2 mb-1">
                    <label class="form-label" for="boiler_condensate">Condensado</label>
                    <input type="text" class="form-control" id="boiler_condensate" name="boiler_condensate"
                           value="{{$boiler->boiler_condensate}}">
                </div>
                <div class="col-2 mb-1">
                    <label class="form-label" for="condensate_id">
                        Unidade Cond. <i class="fal fa-plus-circle" data-bs-toggle="offcanvas" data-bs-target="#condensate_unit_canvas"></i>
                    </label>
                    <select name="condensate_id" id="condensate_id" class="form-select">
                        <option value="">Escolha uma opção</option>
                        @foreach($boilerCondensateUnit as $item)
                            <option value="{{$item->condensate_id}}" {{$boiler->condensate_id == $item->condensate_id ? "selected" : ""}}>
                                {{$item->condensate_name}}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-2 mb-1">
                    <label class="form-label" for="boiler_pcdf">P.C.D.F.</label>
                    <input type="text" class="form-control" id="boiler_pcdf" name="boiler_pcdf"
                           value="{{$boiler->boiler_pcdf}}">
                </div>
                <div class="col-2 mb-1">
                    <label class="form-label" for="grounding_id">
                        Aterramento <i class="fal fa-plus-circle" data-bs-toggle="offcanvas" data-bs-target="#grounding_canvas"></i>
                    </label>
                    <select name="grounding_id" id="grounding_id" class="form-select">
                        <option value="">Escolha uma opção</option>
                        @foreach($boilerGrounding as $item)
                            <option value="{{$item->grounding_id}}" {{$boiler->grounding_id == $item->grounding_id ? "selected" : ""}}>
                                {{$item->grounding_name}}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-4"></div>
                <div class="col-6 mb-1">
                    <label class="form-label" for="boiler_metering_pump">Bomba Dosadora</label>
                    <input type="text" class="form-control" id="boiler_metering_pump" name="boiler_metering_pump"
                           value="{{$boiler->boiler_metering_pump}}">
                </div>
                <div class="col-6"></div>
                <div class="col-2 mb-1">
                    <label class="form-label" for="boiler_flow_rate">Vazão (L/H)</label>
                    <input type="text" class="form-control" id="boiler_flow_rate" name="boiler_flow_rate"
                           value="{{$boiler->boiler_flow_rate}}">
                </div>
                <div class="col-2 mb-1">
                    <label class="form-label" for="boiler_pressure_capacity">C. Pressão (BAR)</label>
                    <input type="text" class="form-control" id="boiler_pressure_capacity"
                           name="boiler_pressure_capacity" value="{{$boiler->boiler_pressure_capacity}}">
                </div>
                <div class="col-2 mb-1">
                    <label class="form-label" for="boiler_num_multi">Núm. Mult.</label>
                    <input type="text" class="form-control" id="boiler_num_multi" name="boiler_num_multi"
                           value="{{$boiler->boiler_num_multi}}">
                </div>
                <div class="col-2 mb-1">
                    <label class="form-label" for="boiler_serial_num">Núm. Série</label>
                    <input type="text" class="form-control" id="boiler_serial_num" name="boiler_serial_num"
                           value="{{$boiler->boiler_serial_num}}">
                </div>
                <div class="col-2 mb-1">
                    <label class="form-label" for="boiler_capacity_bde">Capacidade BDE</label>
                    <input type="text" class="form-control" id="boiler_capacity_bde" name="boiler_capacity_bde"
                           value="{{$boiler->boiler_capacity_bde}}">
                </div>
                <div class="col-2 mb-1">
                    <label class="form-label" for="bde_capacity_id">
                        Unidade Cap. <i class="fal fa-plus-circle" data-bs-toggle="offcanvas" data-bs-target="#capacity_unit_canvas"></i>
                    </label>
                    <select name="bde_capacity_id" id="bde_capacity_id" class="form-select">
                        <option value="">Escolha uma opção</option>
                        @foreach($boilerCapacityUnit as $item)
                            <option value="{{$item->capacity_id}}" {{$boiler->bde_capacity_id == $item->capacity_id ? "selected" : ""}}>
                                {{$item->capacity_name}}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-2 mb-1">
                    <label class="form-label" for="boiler_consumed_production">Prod. Consumida</label>
                    <input type="text" class="form-control" id="boiler_consumed_production"
                           name="boiler_consumed_production" value="{{$boiler->boiler_consumed_production}}">
                </div>
                <div class="col-2 mb-1">
                    <label class="form-label" for="production_id">
                        Unidade Prod. <i class="fal fa-plus-circle" data-bs-toggle="offcanvas" data-bs-target="#production_unit_canvas"></i>
                    </label>
                    <select name="production_id" id="production_id" class="form-select">
                        <option value="">Escolha uma opção</option>
                        @foreach($boilerProductionUnit as $item)
                            <option value="{{$item->production_id}}" {{$boiler->production_id == $item->production_id ? "selected" : ""}}>
                                {{$item->production_name}}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-4 mb-1">
                    <label class="form-label" for="water_id">
                        Água de alimentação <i class="fal fa-plus-circle" data-bs-toggle="offcanvas" data-bs-target="#feed_water_canvas"></i>
                    </label>
                    <select name="water_id" id="water_id" class="form-select">
                        <option value="">Escolha uma opção</option>
                        @foreach($boilerFeedWater as $item)
                            <option value="{{$item->water_id}}" {{$boiler->water_id == $item->water_id ? "selected" : ""}}>
                                {{$item->water_name}}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-4 mb-1">
                    <label class="form-label" for="property_id">
                        Propriedade <i class="fal fa-plus-circle" data-bs-toggle="offcanvas" data-bs-target="#property_canvas"></i>
                    </label>
                    <select name="property_id" id="property_id" class="form-select">
                        <option value="">Escolha uma opção</option>
                        @foreach($boilerProperty as $item)
                            <option value="{{$item->property_id}}" {{$boiler->property_id == $item->property_id ? "selected" : ""}}>
                                {{$item->property_name}}
                            </option>
                        @endforeach
                    </select>
                </div>

            </div>
            <hr>
            <div class="row">
                <div class="col-6">
                    <h5 class="text-dark mb-4">Regime de operação</h5>
                    <div class="row">
                        <div class="col-6 mb-1">
                            <label class="form-label" for="boiler_operation_hours">Horas</label>
                            <input type="text" class="form-control" id="boiler_operation_hours"
                                   name="boiler_operation_hours" value="{{$boiler->boiler_operation_hours}}">
                        </div>
                        <div class="col-6 mb-1">
                            <label class="form-label" for="boiler_operation_days">Dias</label>
                            <input type="text" class="form-control" id="boiler_operation_days"
                                   name="boiler_operation_days" value="{{$boiler->boiler_operation_days}}">
                        </div>
                    </div>
                </div>
                <div class="col-6">
                    <h5 class="text-dark mb-4">Descargas de fundo</h5>
                    <div class="row">
                        <div class="col-6 mb-1">
                            <label class="form-label" for="boiler_discharge_interval">Intervalo (M)</label>
                            <input type="text" class="form-control" id="boiler_discharge_interval"
                                   name="boiler_discharge_interval" value="{{$boiler->boiler_discharge_interval}}">
                        </div>
                        <div class="col-6 mb-1">
                            <label class="form-label" for="boiler_discharge_open">Abertura (S)</label>
                            <input type="text" class="form-control" id="boiler_discharge_open"
                                   name="boiler_discharge_open" value="{{$boiler->boiler_discharge_open}}">
                        </div>
                    </div>
                </div>
            </div>
            <hr>
            <h5 class="text-dark mb-4">Observações</h5>
            <div class="row">
                <div class="col-12 mb-1">
                    <textarea name="boiler_observations" id="boiler_observations" class="form-control"
                              rows="3">{{$boiler->boiler_observations}}</textarea>
                </div>
            </div>
            <hr>
            <h5 class="text-dark mb-4">Arquivos complementares</h5>
            <div class="row">
                <div class="col-4 mb-1">
                    <label class="form-label" for="archive_name">Nome do arquivo</label>
                    <input type="text" class="form-control" id="archive_name" name="archive_name">
                </div>
                <div class="col-4 mb-1">
                    <label class="form-label" for="archive_path">Selecionar arquivo</label>
                    <input type="file" class="form-control" id="archive_path" name="archive_path">
                </div>
                <div class="col-12 text-end">
                    <button class="btn btn-primary" id="save_client_archive">Adicionar</button>
                </div>
                <input type="hidden" id="upload_path" value="{{route("clients.archive.save")}}">
                <input type="hidden" id="remove_upload_path" value="{{route("clients.archive.remove")}}">
                <input type="hidden" id="archives_list_path"
                       value="{{route("clients.archive.list", ["client_id" => $client->client_id])}}">
            </div>
            <div class="row">
                <div class="col">
                    <div style="margin: 10px;"></div>
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                            <tr>
                                <th style="font-size: 12px;">Nome do arquivo</th>
                                <th style="font-size: 12px;">Data Upload</th>
                                <th style="font-size: 12px;">Tamanho</th>
                                <th style="font-size: 12px;">Formato</th>
                                <th style="font-size: 12px;">Remover</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td style="font-size: 12px;">Exemplo</td>
                                <td style="font-size: 12px;">01/02/2024</td>
                                <td style="font-size: 12px;">15MB</td>
                                <td style="font-size: 12px;">PDF</td>
                                <td style="font-size: 12px;text-align: center;"><i class="fal fa-times"></i></td>
                            </tr>
                            <tr>
                                <td style="font-size: 12px;">Exemplo</td>
                                <td style="font-size: 12px;">01/02/2024</td>
                                <td style="font-size: 12px;">15MB</td>
                                <td style="font-size: 12px;">PDF</td>
                                <td style="font-size: 12px;text-align: center;"><i class="fal fa-times"></i></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-12 text-end">
                    <button class="btn btn-primary submit-forms">Salvar</button>
                </div>
            </div>
        </form>
    </div>

    <div class="offcanvas offcanvas-end" tabindex="-1" id="brand_canvas">
        <div class="offcanvas-header">
            <h5 class="offcanvas-title" id="offcanvasExampleLabel">Cadastrar Marca</h5>
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            <form method="POST" action="{{route("boiler.brand.save")}}" enctype="multipart/form-data"
                  class="canvas_forms">
                @csrf
                <div class="row">
                    <div class="col-12 mb-2">
                        <label class="form-label" for="brand_name">Nome</label>
                        <input type="text" class="form-control" name="brand_name" id="brand_name" required>
                    </div>
                    <div class="col-12 mb-2 text-center">
                        <button type="submit" class="btn btn-primary submit-forms">Salvar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="offcanvas offcanvas-end" tabindex="-1" id="model_canvas">
        <div class="offcanvas-header">
            <h5 class="offcanvas-title" id="offcanvasExampleLabel">Cadastrar Modelo</h5>
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            <form method="POST" action="{{route("boiler.model.save")}}" enctype="multipart/form-data"
                  class="canvas_forms">
                @csrf
                <div class="row">
                    <div class="col-12 mb-2">
                        <label class="form-label" for="model_name">Nome</label>
                        <input type="text" class="form-control" name="model_name" id="model_name" required>
                    </div>
                    <div class="col-12 mb-2 text-center">
                        <button type="submit" class="btn btn-primary submit-forms">Salvar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="offcanvas offcanvas-end" tabindex="-1" id="fuel_canvas">
        <div class="offcanvas-header">
            <h5 class="offcanvas-title" id="offcanvasExampleLabel">Cadastrar Combustível</h5>
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            <form method="POST" action="{{route("boiler.fuel.save")}}" enctype="multipart/form-data"
                  class="canvas_forms">
                @csrf
                <div class="row">
                    <div class="col-12 mb-2">
                        <label class="form-label" for="fuel_name">Nome</label>
                        <input type="text" class="form-control" name="fuel_name" id="fuel_name" required>
                    </div>
                    <div class="col-12 mb-2 text-center">
                        <button type="submit" class="btn btn-primary submit-forms">Salvar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="offcanvas offcanvas-end" tabindex="-1" id="pressure_unit_canvas">
        <div class="offcanvas-header">
            <h5 class="offcanvas-title" id="offcanvasExampleLabel">Cadastrar unidade de pressão</h5>
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            <form method="POST" action="{{route("boiler.pressure.unit.save")}}" enctype="multipart/form-data"
                  class="canvas_forms">
                @csrf
                <div class="row">
                    <div class="col-12 mb-2">
                        <label class="form-label" for="pressure_name">Nome</label>
                        <input type="text" class="form-control" name="pressure_name" id="pressure_name" required>
                    </div>
                    <div class="col-12 mb-2 text-center">
                        <button type="submit" class="btn btn-primary submit-forms">Salvar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="offcanvas offcanvas-end" tabindex="-1" id="capacity_unit_canvas">
        <div class="offcanvas-header">
            <h5 class="offcanvas-title" id="offcanvasExampleLabel">Cadastrar unidade de capacidade</h5>
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            <form method="POST" action="{{route("boiler.capacity.unit.save")}}" enctype="multipart/form-data"
                  class="canvas_forms">
                @csrf
                <div class="row">
                    <div class="col-12 mb-2">
                        <label class="form-label" for="capacity_name">Nome</label>
                        <input type="text" class="form-control" name="capacity_name" id="capacity_name" required>
                    </div>
                    <div class="col-12 mb-2 text-center">
                        <button type="submit" class="btn btn-primary submit-forms">Salvar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="offcanvas offcanvas-end" tabindex="-1" id="condensate_unit_canvas">
        <div class="offcanvas-header">
            <h5 class="offcanvas-title" id="offcanvasExampleLabel">Cadastrar unidade de condensado</h5>
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            <form method="POST" action="{{route("boiler.condensate.unit.save")}}" enctype="multipart/form-data"
                  class="canvas_forms">
                @csrf
                <div class="row">
                    <div class="col-12 mb-2">
                        <label class="form-label" for="condensate_name">Nome</label>
                        <input type="text" class="form-control" name="condensate_name" id="condensate_name" required>
                    </div>
                    <div class="col-12 mb-2 text-center">
                        <button type="submit" class="btn btn-primary submit-forms">Salvar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="offcanvas offcanvas-end" tabindex="-1" id="grounding_canvas">
        <div class="offcanvas-header">
            <h5 class="offcanvas-title" id="offcanvasExampleLabel">Cadastrar aterramento</h5>
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            <form method="POST" action="{{route("boiler.grounding.save")}}" enctype="multipart/form-data"
                  class="canvas_forms">
                @csrf
                <div class="row">
                    <div class="col-12 mb-2">
                        <label class="form-label" for="grounding_name">Nome</label>
                        <input type="text" class="form-control" name="grounding_name" id="grounding_name" required>
                    </div>
                    <div class="col-12 mb-2 text-center">
                        <button type="submit" class="btn btn-primary submit-forms">Salvar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="offcanvas offcanvas-end" tabindex="-1" id="production_unit_canvas">
        <div class="offcanvas-header">
            <h5 class="offcanvas-title" id="offcanvasExampleLabel">Cadastrar unidade de produção</h5>
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            <form method="POST" action="{{route("boiler.production.unit.save")}}" enctype="multipart/form-data"
                  class="canvas_forms">
                @csrf
                <div class="row">
                    <div class="col-12 mb-2">
                        <label class="form-label" for="production_name">Nome</label>
                        <input type="text" class="form-control" name="production_name" id="production_name" required>
                    </div>
                    <div class="col-12 mb-2 text-center">
                        <button type="submit" class="btn btn-primary submit-forms">Salvar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="offcanvas offcanvas-end" tabindex="-1" id="feed_water_canvas">
        <div class="offcanvas-header">
            <h5 class="offcanvas-title" id="offcanvasExampleLabel">Cadastrar água de alimentação</h5>
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            <form method="POST" action="{{route("boiler.feed.water.save")}}" enctype="multipart/form-data"
                  class="canvas_forms">
                @csrf
                <div class="row">
                    <div class="col-12 mb-2">
                        <label class="form-label" for="water_name">Nome</label>
                        <input type="text" class="form-control" name="water_name" id="water_name" required>
                    </div>
                    <div class="col-12 mb-2 text-center">
                        <button type="submit" class="btn btn-primary submit-forms">Salvar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="offcanvas offcanvas-end" tabindex="-1" id="property_canvas">
        <div class="offcanvas-header">
            <h5 class="offcanvas-title" id="offcanvasExampleLabel">Cadastrar propiedade</h5>
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            <form method="POST" action="{{route("boiler.property.save")}}" enctype="multipart/form-data"
                  class="canvas_forms">
                @csrf
                <div class="row">
                    <div class="col-12 mb-2">
                        <label class="form-label" for="property_name">Nome</label>
                        <input type="text" class="form-control" name="property_name" id="property_name" required>
                    </div>
                    <div class="col-12 mb-2 text-center">
                        <button type="submit" class="btn btn-primary submit-forms">Salvar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

@endsection
@section('customJS')
    <script src="{{asset("_js/equipment/boiler_forms.js")}}"></script>
@endsection