@extends('layout.app')
@section('styling')
    @parent
    <link rel="stylesheet" type="text/css" href="{{asset('theme/assets/fancybox/source/jquery.fancybox.css')}}" />
    <link rel="stylesheet" type="text/css" href="{{asset('theme/css/gallery.css')}}" />
@endsection
@section('content')
    <div class="col-lg-12">
        <section class="card">
            <header class="card-header">
                Lead Detail
                <span class="tools pull-right">
                    <a href="{{route('lead.edit', $lead->id)}}" style="color: white;" class="btn btn-sm btn-default" role="button">Edit Lead</a>
                </span>
            </header>
            <div class="card-body">
                <div class="row">
                    <div class="col-sm-12 ">
                        <div class="form-group">
                            <strong>Name: </strong>
                             {{$lead->name}}
                        </div>
                    </div>
                    <div class="col-sm-12 ">
                        <div class="form-group">
                            <strong>Email: </strong>
                            {{$lead->email}}
                        </div>
                    </div>
                    <div class="col-sm-12 ">
                        <div class="form-group">
                            <strong>Phone Number: </strong>
                            {{$lead->phone_number}}
                        </div>
                    </div>
                    <div class="col-sm-12 ">
                        <div class="form-group">
                            <strong>Hear about us: </strong>
                            {{$lead->hear}}
                        </div>
                    </div>
                    <div class="col-sm-12 ">
                        <div class="form-group row">
                            <div class="col-sm-2">
                                <strong>Looking for: </strong>
                            </div>
                            @if($lead->lookings)

                                @foreach($lead->lookings as $looking)
                                        <div class="col-sm-2">{{$looking->name}}</div>
                                @endforeach

                            @else
                                <p>Customer Selected no option</p>
                            @endif
                        </div>
                    </div>
                    <div class="col-sm-12 ">
                        <div class="form-group">
                            <strong>RCP: </strong>
                            {{$lead->rcp}}
                        </div>
                    </div>
                    @if(count($follow_up_notes) > 0)
                        <div class="col-sm-12">
                            <div class="form-group">
                                    <table class="table">
                                        <thead>
                                        <th>#</th>
                                        <th>Follow Up Notes</th>
                                        </thead>
                                        <tbody>
                                        @php
                                            $count = 0;
                                        @endphp
                                        @foreach($follow_up_notes as $follow_up_note)
                                            <tr>
                                                @php
                                                    $count = $count+1;
                                                @endphp
                                                <td>{{$count}}</td>
                                                <td>{{$follow_up_note->follow_up_note}}</td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                            </div>
                        </div>
                    @endif
                    <div class="col-sm-12">
                        <div class="form-group">
                            <strong>Attachment:</strong>
                            @if($lead->attachments && count($lead->attachments) > 0)
                                <div class="card-body">
                                    <ul class="grid cs-style-3">
                                        @foreach($lead->attachments as $attachment)
                                            <li>
                                                <figure>
                                                    @if (pathinfo($attachment->attachment_url, PATHINFO_EXTENSION) == 'pdf')
                                                        <iframe src="{{ asset('storage/uploads/'.$attachment->attachment_url) }}"></iframe>
                                                    @else
                                                        <img src="{{ asset('storage/uploads/'.$attachment->attachment_url) }}"
                                                             alt="Please choose image"
                                                             width="150px"
                                                             height="200px"
                                                        >
                                                    @endif
                                                    <figcaption>
                                                        <a class="fancybox" target="_blank" rel="group" href="{{ asset('storage/uploads/'.$attachment->attachment_url) }}">Take a look</a>
                                                    </figcaption>
                                                </figure>
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                        </div>
                    </div>
                    <div class="col-sm-12 ">
                        <div class="form-group">
                            <strong>Description: </strong>
                            {{$lead->description}}
                        </div>
                    </div>
                    <div class="col-sm-12 ">
                        <div class="form-group">
                            <strong>Follow Up Date: </strong>
                            {{$lead->first_follow_up_date}}
                        </div>
                    </div>
                    <div class="col-sm-12 ">
                        <div class="form-group">
                            <strong>Follow Up Date: </strong>
                            {{$lead->second_follow_up_date}}
                        </div>
                    </div>
                    <div class="col-sm-12 ">
                        <div class="form-group">
                            <strong>Follow Up Date: </strong>
                            {{$lead->third_follow_up_date}}
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </div>

@endsection
@section('javascript')
    @parent
    <script type="text/javascript" src="{{asset('theme/assets/fancybox/source/jquery.fancybox.js')}}"></script>
    <script src="{{asset('theme/js/jquery.scrollTo.min.js')}}"></script>
    <script src="{{asset('theme/js/jquery.nicescroll.js')}}"></script>
    <script src="{{asset('theme/js/modernizr.custom.js')}}"></script>
    <script src="{{asset('theme/js/toucheffects.js')}}"></script>
@endsection