@extends('layouts.member-app')

@section('page-title')
    <div class="row bg-title">
        <!-- .page title -->
        <div class="col-lg-6 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title"><i class="{{ $pageIcon }}"></i> Links #{{ $links->id }} - <span
                        class="font-bold">{{ ucwords($links->project_name) }}</span></h4>
        </div>
        <!-- /.page title -->
        <!-- .breadcrumb -->
        <div class="col-lg-6 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="{{ route('member.dashboard') }}">@lang('app.menu.home')</a></li>
                <li><a href="{{ route('member.leads.index') }}">@lang($pageTitle)</a></li>
                <li class="active">@lang('modules.projects.files')</li>
            </ol>
        </div>
        <div class="col-lg-6 col-sm-8 col-md-8 col-xs-12 text-right">
            <a href="{{ route('member.links.edit',$links->id) }}"
               class="btn btn-outline btn-success btn-sm">@lang('modules.lead.edit')
                <i class="fa fa-edit" aria-hidden="true"></i></a>
        </div>
        <!-- /.breadcrumb -->
    </div>
@endsection

@push('head-script')

<link rel="stylesheet" href="{{ asset('plugins/bower_components/dropzone-master/dist/dropzone.css') }}">
@endpush

@section('content')

    <div class="row">
        <div class="col-md-12">

            <section>
                <div class="sttabs tabs-style-line">
                
                    
                            <div class="row">
                                <hr>
                                <div class="col-md-12" id="files-list-panel">

                                        <div class="white-box">
                                          
                                            
                                            <div class="row">
                                                <div class="col-xs-6 b-r"> <strong>Project Name</strong> <br>
                                                    <p class="text-muted">{{ ucwords($links->project_name) }}</p>
                                                </div>
                                                <div class="col-xs-6"> <strong>Mode</strong> <br>
                                                    <p class="text-muted">{{ $links->mode ?? 'NA'}}</p>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="row">
                                                <div class="col-xs-4 col-md-4 b-r"> <strong>Keywords</strong> <br>
                                                    <p class="text-muted">{{ $links->keywords ?? 'NA'}}</p>
                                                </div>
                                                <div class="col-xs-4 col-md-4 b-r"> <strong>Business Domain</strong> <br>
                                                    <p class="text-muted">{{ $links->domain ?? 'NA'}}</p>
                                                </div>
                                                <div class="col-xs-4 " > <strong>Technology</strong> <br>
                                                    <p class="text-muted">{{ $links->skills ?? 'NA'}}</p>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="row">
                                                
                                                <div class="col-xs-6 "> <strong>Credentiols</strong> <br>
                                                    <p class="text-muted">{{ $links->credentiols ?? 'NA'}}</p>
                                                </div>
                                                <div class="col-xs-6 "> <strong>Description</strong> <br>
                                                    <p class="text-muted">{{ $links->description ?? 'NA'}}</p>
                                                </div>
                                              
    
                                            </div>
                                            <hr>
                                            <div class="row">
                                                 
                                                
                                                <div class="col-xs-6"> 
                                                    
                                                    
                                                    <strong>@lang('app.note')</strong> <br>
                                                    <p class="text-muted">{{ $links->notes ?? 'NA'}}</p>
                                                </div>
                                                 <div class="col-xs-6"> 
                                                    @if(!empty($links->images))
                                               <div id="demo" class="carousel slide" data-ride="carousel">

 
                                          <!-- The slideshow -->
                                          
                                       <div class="carousel-inner">
                                           
                                            @foreach($imageUrl as $key=> $val)

                                            <div class="carousel-item  ">

                                                <span class="card_img"><img src="{{$val['orgUrl']}}" height="100" width="100" alt=""></span>

                                            </div>


                                            
                                           
                                            @foreach($images as $keys=> $value)
                                                
                                    @if($val['orgName'] == $value)
                                                             
                                 <a href="/member/download/{{$value}}/{{$value}}" data-toggle="tooltip" data-original-title="Download" class="btn btn-primary btn-circle">
                                                <i class="fa fa-download"></i></a>
                                                 
                                                @endif

                                                @endforeach 
                                                                                     
                                                
                                            
                                            <a target="_blank" href="{{ $val['orgUrl'] }}" data-toggle="tooltip" data-original-title="View" class="btn btn-info btn-circle"><i class="fa fa-eye"></i></a>
                                            
                                            @endforeach
                                        </div>
                                        
                                          
                                          <!-- Left and right controls -->
                                         <!--  <a class="carousel-control-prev" href="#demo" data-slide="prev">
                                            <i class="fa fa-angle-left" aria-hidden="true"></i>
                                          </a>
                                          <a class="carousel-control-next" href="#demo" data-slide="next">
                                           <i class="fa fa-angle-right" aria-hidden="true"></i>
                                          </a> -->
                                        </div>
                                          @endif
                                    </div>

                                                </div>
                                            </div>
                                            

                                   


                                        </div>
                                </div>

                            </div>
                        </section>

                    </div><!-- /content -->
                </div><!-- /tabs -->
            </section>
        </div>


    </div>
    <!-- .row -->

@endsection

@push('footer-script')



@endpush