@extends('admin.layout')
@section('custom-style')
    <link rel="stylesheet" href="{{url('admin-assets/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css')}}">
    <style>
        .alert{
            padding: 2px 10px;
        }
        select, input
        {
            margin-bottom: 5px;
        }

    </style>
@endsection
@section('content')
    <section class="content-header">
        <h1>
            User
        </h1>
        <ol class="breadcrumb">
            <li><a><i class="fa fa-gg"></i> User</a></li>
            <li class="active">View</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <!-- Info boxes -->
        <div class="row">
            <div class="col-md-3">
                <div class="box box-primary">
                    <div class="box-body box-profile">
                        <img class="profile-user-img img-responsive img-circle" src="https://ui-avatars.com/api/?background=random&name={{$user->name}}" alt="User profile picture">

                        <h3 class="profile-username text-center">{{$user->name}}</h3>

                        <ul class="list-group list-group-unbordered">
                
                            <li class="list-group-item">
                                <b>Email</b> <a class="pull-right">{{$user->email}}</a>
                            </li>
                            <li class="list-group-item">
                                <b>Phone</b> <a class="pull-right">{{$user->phone}}</a>
                            </li>
                            
                            <li class="list-group-item">
                                <b>Created_at</b> <a class="pull-right">{{\Carbon\Carbon::parse($user->created_at)->format('d M, Y')}}</a>
                            </li>

                            <li class="list-group-item">
                                <b>Total Case</b> <a class="pull-right">{{$totalCases}}</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="col-md-9">
                <div class="box box-primary">
                    <div class="box-body box-profile">
                    <strong><i class="fa fa-file-text-o margin-r-5"></i>All cases of this user</strong>
                    <table id="example1" class="table table-bordered table-striped">
                            <thead>
                            <tr>
                                <th>S.No.</th>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Phone</th>
                                <th>Amount</th>
                                <th>Date</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            @if(isset($cases))
                                @foreach($cases as $case)
                                    <tr>
                                        <td>{{$loop->iteration}}</td>
                    
                                        <td>{{$case->name}}</td>
                                        <td>{{$case->email}}</td>
                                        <td>{{$case->phone}}</td>
                                        <td>{{$case->amount}}</td>

                                        <td>{{\Carbon\Carbon::parse($case->date)->format('d M, Y')}}</td>
                                        <td>
                                            @if($case->status == 'Pending')
                                                <button class="btn btn-warning btn-xs">{{$case->status}}</button>
                                            @endif
                                            @if($case->status == 'Active')
                                                <button class="btn btn-success btn-xs">{{$case->status}}</button>
                                            @endif
                                            @if($case->status == 'Closed')
                                                <button class="btn btn-danger btn-xs">{{$case->status}}</button>
                                            @endif
                                        </td>
                                        <td>
                                            <a href="{{Route('admin.viewSingleCase', $case->id)}}" data-toggle="tooltip" title="View">
                                                <button class="btn btn-xs btn-success"><i class="fa fa-eye"></i></button>
                                            </a>

                                            <a href="{{Route('admin.deleteSingleCase', $case->id)}}" data-toggle="tooltip" title="Delete" onclick="return confirm('Are you sure?')">
                                                <button class="btn btn-xs btn-danger"><i class="fa fa-trash"></i></button>
                                            </a>

                                        </td>
                                    </tr>
                                @endforeach
                            @endif
                            </tbody>
                    </table>
                </div>
                </div>
            </div>

        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->
@endsection

@section('scripts')

@endsection