@extends('layouts.app')

@section('title', 'Marketing')

@section('breadcrumb')
    <ul class="breadcrumb">
        <li>
            <p>DASHBOARD</p>
        </li>
        <li><a href="#" class="active">Marketing</a> </li>
    </ul>
@endsection


@section('title-section', 'Marketing')

@section('content')
    <div class="row-fluid">
        <div class="span12">
            <div class="grid simple ">
                <div class="grid-body ">
                    <table class="table table-hover table-condensed" id="example3">
                        <thead>
                            <tr>
                                <th style="width:15%">Nama Customer</th>
                                <th style="width:15%" data-hide="phone,tablet">Jenis Layanan</th>
                                <th style="width:20%" data-hide="phone,tablet">Nama Projek</th>
                                <th style="width:10%">Status</th>
                                <th style="width:10%" data-hide="phone,tablet">Progress</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($data as $row)
                                <tr>
                                    <td class="v-align-middle">{{ $row['nama_customer'] }}</td>
                                    <td class="v-align-middle"><span class="muted">{{ $row['layanan'] }}</span></td>
                                    <td class="v-align-middle"><span class="muted">{{ $row['nama_project'] }}</span></td>
                                    <td>
                                        @if ($row['status'] == 'SELESAI')
                                            <span class="label label-success">{{ $row['status'] }}</span>
                                        @endif
                                        @if ($row['status'] == 'PENDING')
                                            <span class="label label-danger">{{ $row['status'] }}</span>
                                        @endif
                                        @if ($row['status'] == 'PROSES')
                                            <span class="label label-primary">{{ $row['status'] }}</span>
                                        @endif
                                    </td>
                                    <td class="v-align-middle">
                                        @if ($row['progress'] == 0)
                                            <div class="progress ">
                                                <div data-percentage="0%"
                                                    class="progress-bar progress-bar-success animate-progress-bar"></div>
                                            </div>
                                        @endif
                                        @if ($row['progress'] > 0 && $row['progress'] < 100)
                                            <div class="progress ">
                                                <div data-percentage="{{ $row['progress'] }}%"
                                                    class="progress-bar progress-bar-info animate-progress-bar"></div>
                                            </div>
                                        @endif
                                        @if ($row['progress'] == 100)
                                            <div class="progress ">
                                                <div data-percentage="100%"
                                                    class="progress-bar progress-bar-success animate-progress-bar"></div>
                                            </div>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection