@if($projects->count() != 0)    
    @foreach($projects as $key=>$project)
        <div class="panel col-xs-3 board-column p-0 m-l-10" style="border: solid lightgray 1px; max-width: 350px;" data-project-id="{{ $project->id }}" >
            <div class="panel-heading p-t-5 p-b-5" >
                <div class="panel-title">
                    <div class="row">
                        <div class="col-xs-12"><a href="{{route('admin.projects.show', $project->id)}}"><p class="m-t-10">{{ $project->account_code." ".$project->project_name }}</p></a></div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12"><h6>@if($project->client()->first() != null) {{$project->client()->first()->name}}@else <br> @endif</h6></div>
                    </div>
                </div>
            </div>
            <div class="panel-body" id="projectBox_{{ $project->id }}" style="height: 50vh; overflow-y: auto">
                <div class="row">
                    <div class="col-xs-12" style="height: 200px !important;">
                        <h5><i class="ti-user fa-fw"></i><b> Personal</b></h5>
                        <hr>
                        @foreach($resources as $resource)
                            @if($resource->project_id == $project->id)
                                @if($resource->resource_type == 1)
                                    @foreach($employee as $emp)
                                        @if($emp->id == $resource->resource_id)
                                            <div class="panel panel-default lobipanel" data-resource-id="rs_emp_{{ $resource->resource_id }}" data-sortable="true" style="border: solid black 1px;">
                                                <input type="checkbox" class="checkmulti" style="position: absolute; right: 5px; height: 1.1em; widht: 1.1em; z-index: 1; text-align: right;" name="ck_emp_{{$resource->resource_id}}" hidden>
                                                <div class="panel-body view-resource" data-resource-id="rs_emp_{{ $resource->resource_id }}" style="overflow-x: hidden; cursor: default;">
                                                    <div class="p-10 p-b-0 font-12 font-semi-bold"><b>
                                                        @if($emp->image_url != null)
                                                            <img src="{{$emp->image_url}}" data-toggle="tooltip" data-placement="right" class="img-circle" style="width: 12%; height: 12%; border: solid lightgray 1px;">
                                                        @else
                                                            <img src="/img/default-profile-3.png" data-toggle="tooltip" data-placement="right" class="img-circle" style="width: 12%; height: 12%; border: solid lightgray 1px;">
                                                        @endif
                                                           {{ $emp->names." ".$emp->surnames}} <div class="pull-right p-10 p-b-0">{{$emp->employee_id}}</div>
                                                        </b>
                                                    </div>
                                                    <div class="row" style="margin-bottom: 2px;">
                                                        <div class="p-10 font-12 font-semi-bold col-xs-5"><b>Cargo: </b><br>@if($emp->charge()->first() != null){{$emp->charge()->first()->description}}@endif</div>
                                                        <div class="col-xs-7">
                                                            <div class="row" style="max-width: 95%;">
                                                                @php
                                                                    if($emp->tags != null){
                                                                        $tagsList = explode('_', $emp->tags);
                                                                        foreach($tagsList as $value){
                                                                            $tag = $tags->where('id', $value)->first();
                                                                            if($tag != null){
                                                                                @endphp
                                                                                    <div class="col-xs-2 p-10" style="max-height: 50%;">
                                                                                        <b style="font-size: 0.9em;">
                                                                                        @php
                                                                                            echo $tag->initial;
                                                                                        @endphp
                                                                                        </b>
                                                                                    </div>
                                                                                @php
                                                                            }
                                                                        }
                                                                    }
                                                                @endphp
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="p-10 font-12 col-xs-7" style="background: @if($emp->category()->first() != null) {{$emp->category()->first()->color}} @endif; @if($emp->category == 11 || $emp->category == 12 || $emp->category == 13) color:white; @endif"><b>@if($emp->category()->first() != null){{$emp->category()->first()->name}}@endif</b></div>

                                                        <div class="col-xs-5">
                                                            <b class="font-12"><i class="icon-calender"></i> Desde</b><br>
                                                            <div class="font-12 font-semi-bold">{{ $resource->start_date->format('d-m-Y') }}</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                    @endforeach
                                @endif
                            @endif
                        @endforeach
                        <h5 style="color: rgb(128, 128, 128);"><i class="fa fa-truck fa-fw"></i><b> Camiones</b></h5>
                        <hr>
                        @foreach($resources as $resource)
                            @if($resource->project_id == $project->id)
                                @if($resource->resource_type == 2)
                                    @foreach($fleet as $flt)
                                        @if($flt->kind == 1)
                                            @if($flt->id == $resource->resource_id)

                                                <div class="panel panel-default lobipanel" data-kind-id="1" data-resource-id="rs_mac_{{ $resource->resource_id }}" data-sortable="true" style="border: solid black 1px; background: rgb(128, 128, 128);">
                                                    <input type="checkbox" class="checkmulti" style="position: absolute; right: 5px; height: 1.1em; widht: 1.1em; z-index: 1; text-align: right;" name="ck_emp_{{$resource->resource_id}}" hidden>
                                                    <div class="panel-body view-resource" data-resource-id="rs_mac_{{ $resource->resource_id }}" style="overflow-x: hidden; cursor: default;">
                                                        <div class="row">
                                                            <div class="col-xs-6">
                                                                <center style="padding-top: 5px;">  
                                                                    <h5><b class="text-white">{{$flt->type}}</b></h5>
                                                                    <div class="font-15 text-white">{{ $flt->brand." | ".$flt->model }}</div>
                                                                    <h2 style="font-size: 1.8em;"><b class="text-white">{{$flt->plate}}</b></h2>
                                                                </center>
                                                            </div>
                                                            <div class="col-xs-6 p-10">
                                                                <span class="text-white" style="font-size: 0.9em;"><b>Seg: </b>{{ $flt->insurance_date }}</span><br>
                                                                <span class="text-white" style="font-size: 0.9em;"><b>Itv: </b>{{ $flt->itv_date }}</span><br>
                                                                <span class="text-white" style="font-size: 0.9em;"><b>T.T: </b>{{ $flt->transit_date }}</span><br>
                                                                <span class="text-white" style="font-size: 0.9em;"><b>Adif: </b>{{ $flt->adif_date }}</span><br>
                                                                <span class="text-white" style="font-size: 0.9em;"><b><i class="icon-calender"></i> Desde: </b>{{ $resource->start_date->format('d-m-Y') }}</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                        @endif
                                    @endforeach
                                @endif
                            @endif
                        @endforeach
                        <h5><i class="fa fa-cogs fa-fw"></i><b> Maquinaria</b></h5>
                        <hr>
                        @foreach($resources as $resource)
                            @if($resource->project_id == $project->id)
                                @if($resource->resource_type == 2)
                                    @foreach($fleet as $flt)
                                        @if($flt->kind == 2)
                                            @if($flt->id == $resource->resource_id)
                                                <div class="panel panel-default lobipanel" data-kind-id="2"  data-resource-id="rs_mac_{{ $resource->resource_id }}" data-sortable="true" style="border: solid black 1px; background: yellow;">
                                                    <input type="checkbox" class="checkmulti" style="position: absolute; right: 5px; height: 1.1em; widht: 1.1em; z-index: 1; text-align: right;" name="ck_emp_{{$resource->resource_id}}" hidden>
                                                    <div class="panel-body view-resource" data-resource-id="rs_mac_{{ $resource->resource_id }}" style="overflow-x: hidden; cursor: default;">
                                                        <div class="row">
                                                            <div class="col-xs-6">
                                                                <center style="padding-top: 5px;">  
                                                                    <h5><b>{{$flt->type}}</b></h5>
                                                                    <div class="font-15">{{ $flt->brand." | ".$flt->model }}</div>
                                                                    <h2 style="font-size: 1.8em;"><b>{{$flt->plate}}</b></h2>
                                                                </center>
                                                            </div>
                                                            <div class="col-xs-6 p-10">
                                                                <span style="font-size: 0.9em;"><b>Seg: </b>{{ $flt->insurance_date }}</span><br>
                                                                <span style="font-size: 0.9em;"><b>Itv: </b>{{ $flt->itv_date }}</span><br>
                                                                <span  style="font-size: 0.9em;"><b>T.T: </b>{{ $flt->transit_date }}</span><br>
                                                                <span  style="font-size: 0.9em;"><b>Adif: </b>{{ $flt->adif_date }}</span><br>
                                                                <span  style="font-size: 0.9em;"><b><i class="icon-calender"></i> Desde: </b>{{ $resource->start_date->format('d-m-Y') }}</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                        @endif
                                    @endforeach
                                @endif
                            @endif
                        @endforeach
                        <h5 style="color: rgb(128, 128, 128);"><i class="fa fa-car fa-fw"></i><b> Vehiculos</b></h5>
                        <hr>
                        @foreach($resources as $resource)
                            @if($resource->project_id == $project->id)
                                @if($resource->resource_type == 2)
                                    @foreach($fleet as $flt)
                                        @if($flt->kind == 3)
                                            @if($flt->id == $resource->resource_id)
                                                <div class="panel panel-default lobipanel" data-kind-id="3" data-resource-id="rs_mac_{{ $resource->resource_id }}" data-sortable="true" style="border: solid black 1px; background-color: rgb(128, 128, 128);">
                                                    <input type="checkbox" class="checkmulti" style="position: absolute; right: 5px; height: 1.1em; widht: 1.1em; z-index: 1; text-align: right;" name="ck_emp_{{$resource->resource_id}}" hidden>
                                                    <div class="panel-body  view-resource" data-resource-id="rs_mac_{{ $resource->resource_id }}" style="overflow-x: hidden; cursor: default;">
                                                        <div class="row">
                                                            <div class="col-xs-6">
                                                                <center style="padding-top: 5px;">  
                                                                    <h5><b class="text-white">{{$flt->type}}</b></h5>
                                                                    <div class="font-15 text-white">{{ $flt->brand." | ".$flt->model }}</div>
                                                                    <h2 style="font-size: 1.8em;"><b class="text-white">{{$flt->plate}}</b></h2>
                                                                </center>
                                                            </div>
                                                            <div class="col-xs-6 p-10">
                                                                <span class="text-white" style="font-size: 0.9em;"><b>Seg: </b>{{ $flt->insurance_date }}</span><br>
                                                                <span class="text-white" style="font-size: 0.9em;"><b>Itv: </b>{{ $flt->itv_date }}</span><br>
                                                                <span class="text-white" style="font-size: 0.9em;"><b>T.T: </b>{{ $flt->transit_date }}</span><br>
                                                                <span class="text-white" style="font-size: 0.9em;"><b>Adif: </b>{{ $flt->adif_date }}</span><br>
                                                                <span class="text-white" style="font-size: 0.9em;"><b><i class="icon-calender"></i> Desde: </b>{{ $resource->start_date->format('d-m-Y') }}</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                        @endif
                                    @endforeach
                                @endif
                            @endif
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    @endforeach
    
@else
    <div class="col-xs-12"><center><h1>No Hay Projectos</h1></center></div>
@endif
<script>

    $(function () {

    });
</script>