@extends('layouts.app')

@section('content')
    <!-- Main content -->
    @if(Auth::check() && !empty(Auth::user()->user_type) && in_array(Auth::user()->user_type, ['VENDOR', 'CUSTOMER']))
    <!-- Code for vendors and customers -->
    @else
    <section class="content">
        @if($can_see_stickers)
            <home-stickers get-stickers="{{route("get_stickers")}}"></home-stickers>
        @endif
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-6">
                <div class="panel panel-success panel-border">
                    <div class="panel-heading  border-light">
                        <h4 class="panel-title">
                            <i class="livicon" data-name="calendar" data-size="16" data-loop="true"
                               data-c="#fff" data-hc="#fff"></i> Calendar
                        </h4>
                    </div>
                    <div class="panel-body">
                        <div id='external-events'></div>
                        <calendar-widget
                                get-month-schedule="{{route("schedule.get_month_schedule")}}"
                                get-day-schedule="{{route("schedule.get_day_schedule")}}"
                        ></calendar-widget>
                        <div class="box-footer pad-5">
                            <div class="form-group row">
                                <div class="col-md-8 square_box">
                                    <div class="number">Phases Scheduled For</div>
                                    <div class="number"
                                         id="home_calendar_date">{{\Carbon\Carbon::now()->format('l - F d, Y')}}</div>
                                </div>
                            </div>
                            <div class="form-group justify-content-between" id="schedule-calendar-home">
                                @include ('home.scheduleLine')
                            </div>

                        </div>

                    </div>
                </div>

                <div class="panel panel-success">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            <i class="livicon" data-name="linechart" data-size="16" data-loop="true"
                               data-c="#fff" data-hc="#fff"></i>{{$title_lead_table}}
                        </h3>
                        <span class="pull-right">
                        <i class="glyphicon glyphicon-chevron-up showhide clickable"></i>
                        <i class="glyphicon glyphicon-remove removepanel clickable"></i>
                    </span>
                    </div>
                    <div class="panel-body">
                        <div class="table-scrollable scrollbar lead-table">
                            <table class="table table-striped table-bordered table-hover"
                                   id="lead_table">
                                <thead>
                                <tr>
                                    <th>Contact</th>
                                    <th>Location</th>
                                    <th>Phone</th>
                                    <th>Email</th>
                                    <th>Lead Source</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach ($leads as $lead)
                                    <tr class="js-single-modal pointer"
                                        data-id="{{$lead->id}}">
                                        <td>{{optional($lead->contact)->name()}}</td>
                                        <td>{{($lead->contact)?$lead->contact->_address():$lead->_address()}}</td>
                                        <td>{{\App\AppHelper::phone_number_format(optional($lead->contact)->Phone1 ?? optional($lead->contact)->Phone2)}}</td>
                                        <td>{{optional($lead->contact)->Email}}</td>
                                        <td>{{($lead->sourceType)? $lead->sourceType->Name : ''}}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                            <single-modal></single-modal>
                        </div>
                    </div>
                </div>
            </div>
            <!-- To do list -->
            <div class="col-lg-6 col-md-6 col-sm-6">
                <div class="news-page">
                    <div class="news-blocks">
                        {!! optional(\App\ProEdgeModel\Announcement::getLast())->Content !!}
                    </div>
                </div>
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            <i class="livicon" data-name="barchart" data-size="16"
                               data-loop="true" data-c="#fff" data-hc="#fff"></i>Weather
                            Forecast
                        </h3>
                        <span class="pull-right">
                        <i class="glyphicon glyphicon-chevron-up showhide clickable"></i>
                        <i class="glyphicon glyphicon-remove removepanel clickable"></i>
                    </span>
                    </div>
                    <div class="panel-body">
                        <div id="customize-script-container"></div>
                    </div>
                </div>

                {{--<div class="panel panel-primary">--}}
                    {{--<div class="panel-heading">--}}
                        {{--<h3 class="panel-title">--}}
                            {{--<i class="livicon" data-name="comment" data-size="16"--}}
                               {{--data-loop="true" data-c="#fff" data-hc="#fff"></i>Chat App--}}
                        {{--</h3>--}}
                        {{--<span class="pull-right">--}}
                        {{--<i class="glyphicon glyphicon-chevron-up showhide clickable"></i>--}}
                        {{--<i class="glyphicon glyphicon-remove removepanel clickable"></i>--}}
                    {{--</span>--}}
                    {{--</div>--}}
                    {{--<div class="panel-body">--}}
                        {{--<div id="chatlioWidgetPlaceholder" style="margin: auto; height: 550px;width:400px;"></div>--}}
                    {{--</div>--}}
                {{--</div>--}}

            </div>
        </div>
        <div class="clearfix"></div>
    </section>
    @endif
@endsection