@extends('layout.padrao')
@section('content')
@include('Intranet.menu')

<div class="col col-12 margin-bottom-30 ajusteMobile">
    <div class="col margin-bottom-30">
        <h2>
            Lista de Pesagem
        </h2>
    </div>
    <div class="w-100"></div>

    <div class="col col-sm-12 col-md-12 col-lg-12">
        <div class="shadow folha-interna folha-branca rounded box">
            <div class="row collapseItem" data-toggle="collapse" data-target="#collapseFlexi" aria-expanded="true"
                aria-controls="collapseFlexi" id="flexitankBox" onclick="CollapseOn($('#flexitankBox'), $('#seta1'))">
                <div class="col align-self-center">
                    <h3 class="listTitle"> Flexitank </h3>
                </div>
                <div class="col text-right align-self-center arrowDropdown">
                    <h3><i class="fa fa-angle-up arrow" id="seta1"></i></h3>
                </div>
            </div>
            <div id="collapseFlexi" class="collapse in" aria-labelledby="headingOne" data-parent="#accordion">
                <div class="row col">
                    <div class="col-12 margin-top-30 display-flex"></div>
                    <div class="flexitankItems"></div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="col col-12 margin-top-70 margin-bottom-30">
    <div class="col col-sm-12 col-md-12 col-lg-12">
        <div class="shadow folha-interna folha-branca rounded box">
            <div class="row collapseItem" data-toggle="collapse" data-target="#collapseIso" aria-expanded="true"
                aria-controls="collapseIso" id="isotankBox" onclick="CollapseOn($('#isotankBox'), $('#seta2'))">
                <div class="col align-self-center">
                    <h3 class="listTitle"> Isotank </h3>
                </div>
                <div class="col text-right align-self-center arrowDropdown">
                    <h3><i class="fa fa-angle-up arrow" id="seta2"></i></h3>
                </div>
            </div>
            <div id="collapseIso" class="collapse in" aria-labelledby="headingOne" data-parent="#accordion">
                <div class="row col">

                    <div class="col-12 margin-top-30 margin-bottom-30 display-flex">
                        <img src="{!! asset('/image/icons/ant-design_safety-outlined.svg') !!}" class="margin-5">
                        <b class="titleIso margin-5"> Produtos <b class="blueText">não perigosos</b></b>
                    </div>
                    <div class="isotankItemsNoWarning"></div>
                    <div class="sep-line3 margin-top-50 margin-bottom-30"></div>

                    <div class="col-12 margin-top-30 margin-bottom-30 display-flex">
                        <img src="{!! asset('/image/icons/waning-outlined.svg') !!}" class="margin-5">
                        <b class="titleIso margin-5"> Produtos <b class="blueText">perigosos</b> (álcool e demais)</b>
                    </div>
                    <div class="isotankItemsWarning"></div>
                </div>
            </div>
        </div>
    </div>
</div>

@include('Intranet.style')
@include('Intranet.listaDePesagem.style')
@include('Intranet.listaDePesagem.script')

@endSection