@extends('layout.padrao')
@section('content')
<div class ="row">

    <style>
        .formatdataProtheus{
            display : contents;
        }
        .new-alert2{
            padding: 4px;
            background: none;
            border: 2px solid #ff6363;
            font-weight: 100;
            color: #ff6363;
            width: 50%;
            margin: 0px auto;
            font-size: 0.9em;
        }
        .sopSearchTitle2{
            text-align: center;
            color: white;
            margin-top: 15px;
            font-size: 16px;
        }
        .title-div-int{
            margin: 0 auto;
            height: 120px;
            background-color: #1f3544;
            text-align: center;
        }
        .title-div-int h2{
            color: white;
            font-size: 20px;
            padding-top: 20px;
        }
        .new-serach-int{
            display: flex;
            background-color: #32556E;
            padding-bottom: 20px;
        }
    </style>
    <div class="col col-lg-12 col-md-12 ">
        <div class="col col-lg-12 col-md-12 col-sm-12 title-div-int">
            <h2 class=""> PROTHEUS EXPORT FILES </h2>
        </div>    
    </div>    
    <div class="col col-lg-12 col-md-12 col-sm-12 ">
        <div class="col col-lg-12 col-md-12 col-sm-12 new-serach-int">

            <div class="col col-lg-3 col-md-3 col-sm-3 "></div>
            <div class="col col-lg-6 col-md-6 col-sm-6 ">
                <h4 class="sopSearchTitle2"> YOU CAN SEARCH FOR ANY PERIOD </h4>
                <div class="col col-lg-12 col-md-12 col-sm-12 mt-3"  >
                    @if($errors->any())
                        <div class="new-alert2 ">
                        @foreach($errors->all() as $error)
                            {{ $error }} <br>
                        @endforeach
                        </div>
                    @endif
                
                </div>
                <form class="form-inline w-100 search-listas-int2" method="GET" action="{{ route('protheusManualExport') }}">

                    <div class="col col-lg-12 col-md-12 col-sm-12 mt-3"  >

                        <div class="col col-lg-2 col-md-2 col-sm-2 formatdataProtheus">
                        </div>
                        <div class="col col-lg-2 col-md-2 col-sm-2 formatdataProtheus">
                            <input class="form-control mr-sm-2 text-primary" type="date" min="2019-01-01" max="2080-01-01" placeholder="" name="date_start" style="margin-left:10px;margin-top:10px" >   
                        </div>
                        <div class="col col-lg-2 col-md-2 col-sm-2 formatdataProtheus">
                            <input class="form-control mr-sm-2 text-primary" type="date" min="2019-01-01" max="2080-01-01" placeholder="" name="date_end" style="margin-left:10px;margin-top:10px" >   
                        </div>
                        <div class="col col-lg-4 col-md-4 col-sm-4 formatdataProtheus">
                            <input class="form-control mr-sm-2 text-primary" type="text" placeholder="SAOE" name="saoe" style="margin-left:10px;margin-top:10px" >   
                        </div>
                        <div class="col col-lg-2 col-md-2 col-sm-2 formatdataProtheus">
                            <button class="btn btn-primary" type="submit" style ="margin-top:10px;color:white;background-color:#1f3544 !important;border-color:#1f3544!important"><i class="fas fa-download"></i> Export</button>
                        </div>
                    </div>
                </form>
                
                <style>
                
                </style>
            
            </div>
            <div class="col col-lg-3 col-md-3 col-sm-3 "></div>
        </div>
    </div>
    <div class="col col-lg-12 col-md-12 col-sm-12">
        <div class="col col-lg-12 col-md-12 col-sm-12" style="background-color:#e8e8e8;padding-top:50px;padding-bottom:35px;padding-left:10px;margin: 0 auto; text-align:center;">
            @include('include.filtro_result')
            <div class ="col col-lg-12 text-center col-md-12 col-sm-12">
                <h3>MONTHLY ARCHIVE DONWLOAD</h3>
            </div>            
            @if (isset($attachs ))
                @foreach($attachs  as $item)
                <div class ="col col-lg-2 text-center col-md-2 col-sm-2">
                    <div class="card sopCard"> 
                        <div class="card-body">
                            <div class="col-lg-4 col-md-4 col-sm-4 pl-0 pr-1" style=" top: 8px;">
                                <i class="fas fa-file-download fa-3x" style="color:white; top: 6px;"></i>
                            </div>
                            <div class="col-lg-8 col-md-8 col-sm-8 pr-0 pl-0" >
                                <a href="{{ asset($item->path.'/'.$item->nmAnexo) }}"  download="{{$item->nmAnexo}}">{{$item->nmAnexo}}</a></td>                                                                                     
                                <h5 class="card-title" style="color:white;font-size:12px;text-align:left"><b>PERIOD:<br> </b>{{strftime('%B', strtotime("".(substr($item->nmAnexo,0,2)-1)." months"))}} </h5>
                            </div>
                        </div>
                    </div>
                </div>   
                @endforeach        
            @endif
            
            
                
            </div>            
        </div>
    </div>



</div>
@endsection