@extends('admin.layouts.app')
@section('title', 'Dashboard')
@section('contents')
    <div class="container-fluid">
        <!-- Start Page Content -->
        <div class="row">
            <div class="col-md-3">
                <div class="card p-30">
                    <div class="media">
                        <div class="media-left meida media-middle">
                            <span><i class="fa fa-usd f-s-40 color-primary"></i></span>
                        </div>
                        <div class="media-body media-text-right">
                            <h2>568120</h2>
                            <p class="m-b-0">Total Revenue</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card p-30">
                    <div class="media">
                        <div class="media-left meida media-middle">
                            <span><i class="fa fa-shopping-cart f-s-40 color-success"></i></span>
                        </div>
                        <div class="media-body media-text-right">
                            <h2>1178</h2>
                            <p class="m-b-0">Sales</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card p-30">
                    <div class="media">
                        <div class="media-left meida media-middle">
                            <span><i class="fa fa-archive f-s-40 color-warning"></i></span>
                        </div>
                        <div class="media-body media-text-right">
                            <h2>25</h2>
                            <p class="m-b-0">Stores</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card p-30">
                    <div class="media">
                        <div class="media-left meida media-middle">
                            <span><i class="fa fa-user f-s-40 color-danger"></i></span>
                        </div>
                        <div class="media-body media-text-right">
                            <h2>847</h2>
                            <p class="m-b-0">Customer</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">

            <div class="col-lg-4">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">Todo</h4>
                        <div class="card-content">
                            <div class="todo-list">
                                <div class="tdl-holder">
                                    <div class="tdl-content">
                                        <ul>
                                            <li>
                                                <label>
                                                    <input type="checkbox"><i class="bg-primary"></i><span>Build an angular app</span>
                                                    <a href='#' class="ti-close"></a>
                                                </label>
                                            </li>
                                            <li>
                                                <label>
                                                    <input type="checkbox" checked><i class="bg-success"></i><span>Creating component page</span>
                                                    <a href='#' class="ti-close"></a>
                                                </label>
                                            </li>
                                            <li>
                                                <label>
                                                    <input type="checkbox" checked><i class="bg-warning"></i><span>Follow back those who follow you</span>
                                                    <a href='#' class="ti-close"></a>
                                                </label>
                                            </li>
                                            <li>
                                                <label>
                                                    <input type="checkbox" checked><i class="bg-danger"></i><span>Design One page theme</span>
                                                    <a href='#' class="ti-close"></a>
                                                </label>
                                            </li>

                                            <li>
                                                <label>
                                                    <input type="checkbox" checked><i class="bg-success"></i><span>Creating component page</span>
                                                    <a href='#' class="ti-close"></a>
                                                </label>
                                            </li>
                                        </ul>
                                    </div>
                                    <input type="text" class="tdl-new form-control" placeholder="Type here">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-8">
                <div class="card">
                    <div class="card-title">
                        <h4>Website Requests </h4>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                <tr>
                                    <th>#</th>
                                  <th>Client</th>
{{--                                  <th>Phone</th>--}}
{{--                                  <th>Email</th>--}}
                                  <th>Request Type</th>
                                  <th>Active Customer?</th>
                                  <th>Status</th>
                                  <th>Date</th>
                                </tr>
                                </thead>
                                <tbody>
                                @if(isset($requests))
                                  @foreach($requests as $request)
                                    <tr>
                                      <td>{{ $loop->iteration }}</td>
                                      <td>{{ $request->name }}</td>
{{--                                      <td>{{ $request->phone }}</td>--}}
{{--                                      <td>{{ $request->email }}</td>--}}
                                      <td>{{ ucwords(str_replace('_', ' ', $request->request_type)) }}</td>
                                      <td>
                                        @if($request->is_active_customer === 1)
                                          {{ 'Yes' }}
                                        @else
                                          {{ 'No' }}
                                        @endif
                                      </td>
                                      <td>
                                                <span class="badge
                                                      {{ $request->status === 'account_setup_in_progress' || $request->status === 'subscribed' ? 'badge-success': 'badge-info' }}">{{ ucwords(str_replace('_', ' ', $request->status)) }}
                                                </span>
                                      </td>
                                      <td>{{ $request->created_at->diffForHumans() }}</td>
                                    </tr>
                                  @endforeach
                                @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End PAge Content -->
    </div>
@endsection