@extends('layout.app')
@section('styling')
    @parent
    <link rel="stylesheet" type="text/css" href="{{asset('theme/assets/bootstrap-datepicker/css/datepicker.css')}}" />
    <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">
            @if ($errors->all())
                <div class="card-body">
                    @foreach($errors->all() as $message)
                        <div class="alert alert-danger" role="alert">
                            {{$message}}
                        </div>
                    @endforeach
                </div>
            @endif
            <header class="card-header">
                Edit Lead
            </header>
            <div class="card-body">
                <form action="{{route('lead.update',$lead->id)}}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="form-group row">
                        <label for="username" class="col-sm-1 col-form-label">Date</label>
                        <div class="col-sm-5">
                            <input
                                type="text"
                                name="date"
                                class="form-control"
                                id="date"
                                value="{{ date('Y-m-d') }}"
                                disabled
                            >
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="email" class="col-sm-1 col-form-label">Name</label>
                        <div class="col-sm-5">
                            <input type="name" name="name" class="form-control" id="name" placeholder="Name" value="{{$lead->name}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="email" class="col-sm-1 col-form-label">Email</label>
                        <div class="col-sm-5">
                            <input type="email" name="email" class="form-control" id="email" placeholder="Email" value="{{$lead->email}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="phone" class="col-sm-1 col-form-label">Phone Number</label>
                        <div class="col-sm-5">
                            <input type="text" name="phone" class="form-control" id="phone" data-mask="999-999-9999" value="{{$lead->phone_number}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="reference" class="col-sm-2 col-form-label">How did you hear about us?</label>
                        <div class="col-sm-5">
                            <div class="radios">
                                <label class="label_radio" for="radio-01">
                                    <input name="reference" id="radio-01" value="referral" type="radio"
                                        {{ (isset($lead) && $lead->hear == "referral")  ? 'checked' : '' }} />
                                    Referral
                                </label>
                                <label class="label_radio" for="radio-02">
                                    <input name="reference" id="radio-02" value="drive_by" type="radio"
                                        {{ (isset($lead) && $lead->hear == "drive_by")  ? 'checked' : '' }} /> Drive By
                                </label>
                                <label class="label_radio" for="radio-03">
                                    <input name="reference" id="radio-03" value="online_facebook" type="radio"
                                        {{ (isset($lead) && $lead->hear == "online_facebook")  ? 'checked' : '' }} /> Online - Facebook
                                </label>
                                <label class="label_radio" for="radio-02">
                                    <input name="reference" id="radio-02" value="online_oter" type="radio"
                                        {{ (isset($lead) && $lead->hear == "online_oter")  ? 'checked' : '' }} /> Online - Other
                                </label>
                                <label class="label_radio" for="radio-03">
                                    <input name="reference" id="radio-03" value="installer_and_contractor" type="radio"
                                        {{ (isset($lead) && $lead->hear == "installer_and_contractor")  ? 'checked' : '' }} /> Installer/Contractor
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="reference" class="col-sm-2 col-form-label">Looking for</label>
                        @foreach($looking_for as $looking)
                            <div class="col-sm-2">
                                <div class="checkboxes">
                                    <label class="label_check" for="checkbox-{{$looking->id}}">
                                        <input name="looking_for[]"
                                               id="checkbox-{{$looking->id}}"
                                               value="{{$looking->id}}"
                                               type="checkbox"
                                            {{ (isset($looking_ids) && in_array($looking->id, $looking_ids))  ? 'checked' : '' }}
                                        />
                                        {{$looking->name}}
                                    </label>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="form-group row">
                        <label for="rcp" class="col-sm-1 col-form-label">REP</label>
                        <div class="col-sm-5">
                            <input type="text" name="rcp" class="form-control" id="rcp" placeholder="RCP"
                            value="{{$lead->rcp}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="note" class="col-sm-1 col-form-label">Note</label>
                        <div class="col-sm-5">
                            <textarea class="form-control" rows="5" name="note">{{$lead->description}}</textarea>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="follow_up" class="col-sm-1 col-form-label">Follow up</label>
                        <div class="col-sm-5">
                            <textarea class="form-control" rows="5" name="follow_up"></textarea>
                        </div>
                    </div>
                    @if(count($follow_up_notes) > 0)
                        <div class="form-group row">
                            <div class="col-sm-6">
                                <table class="table">
                                    <thead>
                                        <th>#</th>
                                         <th>Date</th>
                                        <th>Follow Up</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->created_at}}</td>
                                            <td>{{$follow_up_note->follow_up_note}}</td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    @endif
                    <div class="form-group row">
                        <label for="note" class="col-sm-1 col-form-label">Status</label>
                        <div class="col-sm-5">
                            <select class="form-control" name="status">
                                @foreach($lead_status as $key => $value )
                                    <option value="{{$value}}"
                                        {{ (isset($lead) && $lead->status == $value)  ? 'selected' : '' }}>{{$key}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-sm-2">Attachment</label>
                        <div class="col-sm-5">
                            <input type="file" name="attachment[]" multiple class="default" />
                        </div>
                    </div>
                    @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 class="form-group row">
                        <label class="control-label col-sm-2">Follow Up Date</label>
                        <div class="col-sm-3">
                            <input type="text" name="first_follow_up_date" class="form-control date-picker-input" placeholder="Select Date" value="{{$lead->first_follow_up_date}}">
                        </div>
                        <div class="col-sm-3">
                            <input type="text" name="second_follow_up_date" class="form-control date-picker-input" placeholder="Select Date" value="{{$lead->second_follow_up_date}}">
                        </div>
                        <div class="col-sm-3">
                            <input type="text" name="third_follow_up_date" class="form-control date-picker-input" placeholder="Select Date" value="{{$lead->third_follow_up_date}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-sm-1">
                            <button type="submit" class="btn btn-primary">Save</button>
                        </div>
                        <div class="col-sm-4">
                            <a type="button" href="{{url('/')}}" class="btn btn-primary">Go to Dash</a>
                        </div>
                    </div>
                </form>
            </div>
        </section>

    </div>

@endsection
@section('javascript')
    @parent
    <script type="text/javascript" src="{{asset('theme/assets/bootstrap-datepicker/js/bootstrap-datepicker.js')}}"></script>
    <script type="text/javascript" src="{{asset('theme/assets/fancybox/source/jquery.fancybox.js')}}"></script>
    <script src="{{asset('theme/js/pickers/init-date-picker.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>
    <script type="text/javascript" src="{{asset('theme/assets/bootstrap-inputmask/bootstrap-inputmask.min.js')}}"></script>
@endsection