@extends('layouts.app')

@section('content')
<!-- Your Settings Dashboard -->
<!-- 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">
            <div class="row">
                <div class="col-lg-3 col-md-6 col-sm-6 margin_10 animated fadeInLeftBig">
                    <!-- Trans label pie charts strats here-->
                    <div class="lightbluebg no-radius">
                        <div class="panel-body squarebox square_boxs">
                            <div class="col-xs-12 pull-left nopadmar">
                                <div class="row">
                                    <div class="square_box col-xs-7 text-right">
                                        <span>Leads Today</span>
                                        <div class="number">11 New Leads</div>
                                    </div>
                                    <i class="livicon  pull-right" data-name="eye-open" data-l="true" data-c="#fff" data-hc="#fff" data-s="70"></i>
                                </div>
                                <div class="row">
                                    <div class="col-xs-6">
                                        <small class="stat-label">Yesterday</small>
                                        <h4 id="myTargetElement1.1">14</h4>
                                    </div>
                                    <div class="col-xs-6 text-right">
                                        <small class="stat-label">This Week</small>
                                        <h4 id="myTargetElement1.2">37</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 margin_10 animated fadeInUpBig">
                    <!-- Trans label pie charts strats here-->
                    <div class="redbg no-radius">
                        <div class="panel-body squarebox square_boxs">
                            <div class="col-xs-12 pull-left nopadmar">
                                <div class="row">
                                    <div class="square_box col-xs-7 pull-left">
                                        <span>New Bills Received</span>
                                        <div class="number">4 New Bills</div>
                                    </div>
                                    <i class="livicon pull-right" data-name="piggybank" data-l="true" data-c="#fff" data-hc="#fff" data-s="70"></i>
                                </div>
                                <div class="row">
                                    <div class="col-xs-6">
                                        <small class="stat-label">$470 - EZ Electrical</small>
                                        <h4 id="myTargetElement2.1">View New Bills</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 col-md-6 margin_10 animated fadeInDownBig">
                    <!-- Trans label pie charts strats here-->
                    <div class="goldbg no-radius">
                        <div class="panel-body squarebox square_boxs">
                            <div class="col-xs-12 pull-left nopadmar">
                                <div class="row">
                                    <div class="square_box col-xs-7 pull-left">
                                        <span>New Customer Messages</span>
                                        <div class="number">6 New Messages</div>
                                    </div>
                                    <i class="livicon pull-right" data-name="archive-add" data-l="true" data-c="#fff" data-hc="#fff" data-s="70"></i>
                                </div>
                                <div class="row">
                                    <div class="col-xs-6">
                                        <small class="stat-label">RE: Selection Choice</small>
                                        <h4 id="myTargetElement3.1">View New Message</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 margin_10 animated fadeInRightBig">
                    <!-- Trans label pie charts strats here-->
                    <div class="palebluecolorbg no-radius">
                        <div class="panel-body squarebox square_boxs">
                            <div class="col-xs-12 pull-left nopadmar">
                                <div class="row">
                                    <div class="square_box col-xs-7 pull-left">
                                        <span>Registered Users</span>
                                        <div class="number">Bill Unger</div>
                                    </div>
                                    <i class="livicon pull-right" data-name="users" data-l="true" data-c="#fff" data-hc="#fff" data-s="70"></i>
                                </div>
                                <div class="row">
                                    <div class="col-xs-6">
                                        <small class="stat-label">Office: Houston, TX</small>
                                        <h4 id="myTargetElement4.1">Users: 23</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--/row-->

            <div class="clearfix"></div>
            <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>
                            <div id="calendar"></div>
                            <div class="box-footer pad-5">
                                <div class="col-md-8 square_box">
                                    <div class="number">Phases Scheduled For Today</div>
                                    <div class="number">Tuesday - August 29, 2017</div>
                                    <div class="col-md-6">
                                        <a><span class="badge badge-danger">1</span>Plumbing</a><br>
                                        <a><span class="badge badge-danger">2</span>Electrical</a><br>
                                        <a><span class="badge badge-danger">2</span>Clean-Up</a><br>
                                        <a><span class="badge badge-danger">1</span>Start-Up</a><br>
                                        <a><span class="badge badge-danger">1</span>Pre-ShotCrete</a><br>
                                        <a><span class="badge badge-danger">1</span>Interior</a><br>
                                        <a><span class="badge badge-danger">1</span>Layout</a><br>
                                    </div>
                                    <div class="col-md-6">
                                        <a><span class="badge badge-danger">1</span>Tile/Coping</a><br>
                                        <a><span class="badge badge-danger">2</span>Close-Out Comission</a><br>
                                        <a><span class="badge badge-danger">2</span>Punch List</a><br>
                                        <a><span class="badge badge-danger">1</span>Drainage</a><br>
                                        <a><span class="badge badge-danger">1</span>Excavation</a><br>
                                        <a><span class="badge badge-danger">1</span>Steel</a><br>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <a href="#" class="btn btn-success btn-block createevent_btn" data-toggle="modal" data-target="#myModal">17 Phases Today
                                    </a>
                                    <a href="#" class="btn btn-primary btn-block createevent_btn" data-toggle="modal" data-target="#myModal">Sales Schedule
                                    </a>
                                </div>
                            </div>
                            <!-- Modal -->
                            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            <h4 class="modal-title" id="myModalLabel">
                                                <i class="fa fa-plus" style="margin-top: 8px;"></i> Create Event
                                            </h4>
                                        </div>
                                        <div class="modal-body">
                                            <div class="input-group">
                                                <input type="text" id="new-event" class="form-control" placeholder="Event">
                                                <div class="input-group-btn">
                                                    <button type="button" id="color-chooser-btn" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
                                                        Type
                                                        <span class="caret"></span>
                                                    </button>
                                                    <ul class="dropdown-menu pull-right" id="color-chooser">
                                                        <li>
                                                            <a class="palette-primary" href="#">Primary</a>
                                                        </li>
                                                        <li>
                                                            <a class="palette-success" href="#">Success</a>
                                                        </li>
                                                        <li>
                                                            <a class="palette-info" href="#">Info</a>
                                                        </li>
                                                        <li>
                                                            <a class="palette-warning" href="#">warning</a>
                                                        </li>
                                                        <li>
                                                            <a class="palette-danger" href="#">Danger</a>
                                                        </li>
                                                        <li>
                                                            <a class="palette-default" href="#">Default</a>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <!-- /btn-group -->
                                            </div>
                                            <!-- /input-group -->
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-danger pull-right" data-dismiss="modal">
                                                Close
                                                <i class="fa fa-times" style="margin-top: 4px;"></i>
                                            </button>
                                            <button type="button" class="btn btn-success pull-left" id="add-new-event" data-dismiss="modal">
                                                <i class="fa fa-plus" style="margin-top: 5px;"></i> Add
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Stack charts strats here-->
                    <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> Stacked Bar Chart
                            </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="basicFlotLegend" class="flotLegend"></div>
                            <div id="bar-chart-stacked" class="flotChart1"></div>
                        </div>
                    </div>
                    <div class="panel panel-primary">
                        <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> Area Chart
                            </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>
                    </div>
                </div>
                <!-- To do list -->
                <div class="col-lg-6 col-md-6 col-sm-6">
                    <div class="panel panel-primary todolist">
                        <div class="panel-heading border-light">
                            <h4 class="panel-title">
                                <i class="livicon" data-name="medal" data-size="18" data-color="white" data-hc="white" data-l="true"></i> Tasks
                            </h4>
                        </div>
                        <div class="panel-body nopadmar">
                            <form class="row list_of_items">
                                <div class="todolist_list showactions">
                                    <div class="col-md-8 col-sm-8 col-xs-8 nopadmar custom_textbox1">
                                        <div class="todoitemcheck checkbox-custom">
                                            <input type="checkbox" class="striked large" />
                                        </div>
                                        <div class="todotext todoitem">Meeting with CEO</div>
                                        <span class="label label-default">2016-07-27</span>
                                    </div>
                                    <div class="col-md-4  col-sm-4 col-xs-4  pull-right showbtns todoitembtns">
                                        <a href="#" class="todoedit">
                                            <span class="glyphicon glyphicon-pencil"></span>
                                        </a>
                                        <span class="striks">|</span>
                                        <a href="#" class="tododelete redcolor">
                                            <span class="glyphicon glyphicon-trash"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="todolist_list showactions">
                                    <div class="col-md-8 col-sm-8 col-xs-8 nopadmar custom_textbox1">
                                        <div class="todoitemcheck">
                                            <input type="checkbox" class="striked" />
                                        </div>
                                        <div class="todotext todoitem">Team Out</div>
                                        <span class="label label-default">2016-07-27</span>
                                    </div>
                                    <div class="col-md-4  col-sm-4 col-xs-4  pull-right showbtns todoitembtns">
                                        <a href="#" class="todoedit">
                                            <span class="glyphicon glyphicon-pencil"></span>
                                        </a>
                                        <span class="striks">|</span>
                                        <a href="#" class="tododelete redcolor">
                                            <span class="glyphicon glyphicon-trash"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="todolist_list showactions">
                                    <div class="col-md-8 col-sm-8 col-xs-8 nopadmar custom_textbox1">
                                        <div class="todoitemcheck">
                                            <input type="checkbox" class="striked" />
                                        </div>
                                        <div class="todotext todoitem">Review On Sales</div>
                                        <span class="label label-default">2016-07-27</span>
                                    </div>
                                    <div class="col-md-4  col-sm-4 col-xs-4  pull-right showbtns todoitembtns">
                                        <a href="#" class="todoedit">
                                            <span class="glyphicon glyphicon-pencil"></span>
                                        </a>
                                        <span class="striks">|</span>
                                        <a href="#" class="tododelete redcolor">
                                            <span class="glyphicon glyphicon-trash"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="todolist_list showactions">
                                    <div class="col-md-8 col-sm-8 col-xs-8 nopadmar custom_textbox1">
                                        <div class="todoitemcheck">
                                            <input type="checkbox" class="striked" />
                                        </div>
                                        <div class="todotext todoitem">Meeting with Client</div>
                                        <span class="label label-default">2016-07-27</span>
                                    </div>
                                    <div class="col-md-4  col-sm-4 col-xs-4  pull-right showbtns todoitembtns">
                                        <a href="#" class="todoedit">
                                            <span class="glyphicon glyphicon-pencil"></span>
                                        </a>
                                        <span class="striks">|</span>
                                        <a href="#" class="tododelete redcolor">
                                            <span class="glyphicon glyphicon-trash"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="todolist_list showactions">
                                    <div class="col-md-8 col-sm-8 col-xs-8 nopadmar custom_textbox1">
                                        <div class="todoitemcheck">
                                            <input type="checkbox" class="striked" />
                                        </div>
                                        <div class="todotext todoitem">Analysis on Views</div>
                                        <span class="label label-default">2016-07-27</span>
                                    </div>
                                    <div class="col-md-4  col-sm-4 col-xs-4  pull-right showbtns todoitembtns">
                                        <a href="#" class="todoedit">
                                            <span class="glyphicon glyphicon-pencil"></span>
                                        </a>
                                        <span class="striks">|</span>
                                        <a href="#" class="tododelete redcolor">
                                            <span class="glyphicon glyphicon-trash"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="todolist_list showactions">
                                    <div class="col-md-8 col-sm-8 col-xs-8 nopadmar custom_textbox1">
                                        <div class="todoitemcheck">
                                            <input type="checkbox" class="striked" />
                                        </div>
                                        <div class="todotext todoitem">Seminar on Market</div>
                                        <span class="label label-default">2016-07-27</span>
                                    </div>
                                    <div class="col-md-4  col-sm-4 col-xs-4  pull-right showbtns todoitembtns">
                                        <a href="#" class="todoedit">
                                            <span class="glyphicon glyphicon-pencil"></span>
                                        </a>
                                        <span class="striks">|</span>
                                        <a href="#" class="tododelete redcolor">
                                            <span class="glyphicon glyphicon-trash"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="todolist_list showactions">
                                    <div class="col-md-8 col-sm-8 col-xs-8 nopadmar custom_textbox1">
                                        <div class="todoitemcheck">
                                            <input type="checkbox" class="striked" />
                                        </div>
                                        <div class="todotext todoitem">Business Review</div>
                                        <span class="label label-default">2016-07-27</span>
                                    </div>
                                    <div class="col-md-4  col-sm-4 col-xs-4  pull-right showbtns todoitembtns">
                                        <a href="#" class="todoedit">
                                            <span class="glyphicon glyphicon-pencil"></span>
                                        </a>
                                        <span class="striks">|</span>
                                        <a href="#" class="tododelete redcolor">
                                            <span class="glyphicon glyphicon-trash"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="todolist_list showactions">
                                    <div class="col-md-8 col-sm-8 col-xs-8 nopadmar custom_textbox1">
                                        <div class="todoitemcheck">
                                            <input type="checkbox" class="striked" />
                                        </div>
                                        <div class="todotext todoitem">Purchase Equipment</div>
                                        <span class="label label-default">2016-07-27</span>
                                    </div>
                                    <div class="col-md-4  col-sm-4 col-xs-4  pull-right showbtns todoitembtns">
                                        <a href="#" class="todoedit">
                                            <span class="glyphicon glyphicon-pencil"></span>
                                        </a>
                                        <span class="striks">|</span>
                                        <a href="#" class="tododelete redcolor">
                                            <span class="glyphicon glyphicon-trash"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="todolist_list showactions">
                                    <div class="col-md-8 col-sm-8 col-xs-8 nopadmar custom_textbox1">
                                        <div class="todoitemcheck">
                                            <input type="checkbox" class="striked" />
                                        </div>
                                        <div class="todotext todoitem">Meeting with CEO</div>
                                        <span class="label label-default">2016-07-27</span>
                                    </div>
                                    <div class="col-md-4  col-sm-4 col-xs-4  pull-right showbtns todoitembtns">
                                        <a href="#" class="todoedit">
                                            <span class="glyphicon glyphicon-pencil"></span>
                                        </a>
                                        <span class="striks">|</span>
                                        <a href="#" class="tododelete redcolor">
                                            <span class="glyphicon glyphicon-trash"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="todolist_list showactions">
                                    <div class="col-md-8 col-sm-8 col-xs-8 nopadmar custom_textbox1">
                                        <div class="todoitemcheck">
                                            <input type="checkbox" class="striked" />
                                        </div>
                                        <div class="todotext todoitem">Takeover Leads</div>
                                        <span class="label label-default">2016-07-27</span>
                                    </div>
                                    <div class="col-md-4  col-sm-4 col-xs-4  pull-right showbtns todoitembtns">
                                        <a href="#" class="todoedit">
                                            <span class="glyphicon glyphicon-pencil"></span>
                                        </a>
                                        <span class="striks">|</span>
                                        <a href="#" class="tododelete redcolor">
                                            <span class="glyphicon glyphicon-trash"></span>
                                        </a>
                                    </div>
                                </div>
                            </form>
                            <div class="todolist_list adds">
                                <form role="form" id="main_input_box" class="form-inline">
                                    <div class="form-group">
                                        <label class="sr-only" for="custom_textbox">Add Task</label>
                                        <input id="custom_textbox" name="Item" type="text" required placeholder="Add list item here" class="form-control" />
                                    </div>
                                    <div class="form-group is-empty date_pick">
                                        <label class="sr-only" for="task_deadline">Datepicker</label>
                                        <input class="form-control datepicker" placeholder='Dead line' id="task_deadline" data-date-format="YYYY/MM/DD" required="required" name="task_deadline" type="text">
                                    </div>
                                    <input type="submit" value="Add Task" class="btn btn-primary add_button" />
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 news-page">
                        <div class="news-blocks">
                            <img src="#" data-src="holder.js/2000x203/#5bc0de:#fff" class="img-responsive" alt="image" />
                            <h3>
                                <a href="">Germany Basks in 4th World Cup After 24-Year Wait</a>
                            </h3>
                            <strong>Germany</strong>
                            <em>2 hours ago</em>
                            <p>
                                The Die Welt newspaper celebrated Monday with a three-word headline in the national colors of black, red and gold that read simply: "It is true," while Der Spiegel magazine's website listed Germany's titles: "1954. 1974. 1990. 2014!"
                            </p>
                            <a href="news_details.html">
                                Read more..
                                <i class="m-icon-swapright m-icon-black"></i>
                            </a>
                            <!-- /.featured-text -->
                        </div>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </section>
    @endif
@endsection