@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}}">
            <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">Ativo</option>
                        <option value="Inativo">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">
                        <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" 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}}">{{$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}}">{{$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}}">{{$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">
                </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">
                </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">
                </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}}">{{$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">
                </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}}">{{$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">
                </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}}">{{$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">
                </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}}">{{$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">
                </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">
                </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">
                </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">
                </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">
                </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">
                </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}}">{{$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">
                </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}}">{{$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}}">{{$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}}">{{$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">
                        </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">
                        </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">
                        </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">
                        </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"></textarea>
                </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