@extends('layout.padrao')
@section('content')
<div class ="row">
    <div class="col col-lg-12 col-md-12 col-sm-12">
        <h2 class="SOPTitle"> SOP TEMPLATES </h2>
        <div class="col col-lg-12 col-md-12 col-sm-12 sopSearchBackground">
            <h4 class="sopSearchTitle"> YOU CAN SEARCH FOR YOUR SOP TEMPLATE HERE: </h4>
            <form class="form-inline w-100 search-listas-int" method="GET" action="{{ route('SOPTemplate','sopSearch') }}">
                <input class="form-control mr-sm-2 text-primary" type="search" placeholder="Search for SOP Template by: Name, Client Fantasy Name or Client Name" name="sopSearch" style="width: 38%!important;margin-left:25%;margin-top:1%" >   
                <button class="btn btn-primary" type="submit" style ="margin-top:1%;color:white;background-color:#1f3544 !important;border-color:#1f3544!important">Search</button>
            </form>
        </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">
            @include('include.filtro_result')
            @foreach($sopTemplate as $sop)
            <div class ="col col-lg-2 text-center col-md-12 col-sm-12 sopCardDiv">
                <div class="card sopCard"> 
                    <a href="{{ route('SOPTemplateView', $sop->id)}}">  
                    <div class="card-body">
                        <div class="col-lg-3 col-md-3 col-sm-3" style="height:74px;width:43px">
                            <i class="far fa-file-alt fa-2x" style="color:#ececec;position:absolute;top:32%;right:30%"></i>
                        </div>
                        <div class="col-lg-9 col-md-9 col-sm-9" style="height:87px; width:180px">
                            <h5 class="card-title" style="color:white;font-size:11px;text-align:left"><b>{{$sop->name}}</b></h5>
                            <p class="card-text" style="color:white;font-size:10px;text-align:left">{{isset($sop->clients->fantasyName) ? $sop->clients->fantasyName : '-'}}</p>
                        </div>
                    </div>
                    </a>
                </div>
            </div>            
            @endforeach
        </div>
    </div>

    
</div>
@endsection