@extends('layouts.app')

@section('page-title')
<div class="row bg-title">
    <!-- .page title -->
    <div class="col-md-4 col-sm-6 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-md-4 col-sm-6 col-xs-12">
        <ol class="breadcrumb">
            <li><a href="{{ route('dashboard') }}">@lang('app.menu.home')</a></li>
            <li><a href="{{ route('leads.index') }}">@lang($pageTitle)</a></li>
            <li class="active">@lang('modules.projects.files')</li>
        </ol>
    </div>

    @if(hasAccessOf('links')['is_write'])
    <div class="col-md-4 col-sm-6 col-xs-12 text-right">
        <a href="{{ route('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>
    @endif
    <!-- /.breadcrumb -->
</div>
@endsection

@push('head-script')

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

@section('content')

<div class="dash_panel">
    <div class="customCard" id="files-list-panel">
        <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>PlatForm</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="/admin/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>

@endsection

@push('footer-script')



@endpush