@extends('layouts.master')
@section('page_title')
    @if(isset($page_title))
        {{ $page_title }}
    @endif
@endsection

@section('content')
<div class="">
  <div class="page-title">
    <div class="title_left">
      </div>
        <div class="title_left">
          <ol class="breadcrumb">
            <li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
            <li><a href="{!! url('clients') !!}">Client</a></li>
            <li class="active">Client Details</li>
          </ol>
        </div>
  </div>
  <div class="clearfix"></div>
    <div class="row">
      <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="x_panel">
          <div class="x_title">
            <h2>Client Details </h2>

            <div class="clearfix"></div>
          </div>
            <div class="x_content">
                    <section class="content invoice">
                      <!-- title row -->
                      <div class="row">
                        <div class="col-xs-12 invoice-header">
                          <h1>
                          <i class="fa fa-cube"></i> {{ $showclient->name }}
                                          <!-- <small class="pull-right">Date: 16/08/2016</small> -->
                          </h1>
                        </div>
                        <!-- /.col -->
                      </div>
                      <!-- info row -->
                      <div class="row invoice-info">
                        <div class="col-sm-4 invoice-col">
                          <address>
                              <strong>Contact Person :{{ $showclient->contact_person or 'N/A' }}</strong>
                              <br>Country: @if($showclient->country_info) {{ $showclient->country_info->en_short_name }} @else None Entered @endif
                              <br>Email: ironadmin.com
                              <br>Skype: ironadmin.com
                              <br>Linked In: ironadmin.com
                          </address>
                        </div>
                        <div class="col-sm-4 invoice-col">
                          <b>Last Payment</b>
                          <br>
                          <br>
                          <b>Invoice Number :</b> 4F3S8J
                          <br>
                          <b>Payment Date:</b> 12/22/2022
                          <br>
                          <b>Amount :</b> $3,4567
                        </div>
                        <div class="col-sm-4 invoice-col">
                          Account Manager
                          <address>
                            <strong>{{ $showclient->auth_user_info->name }}</strong>              
                          </address>
                        </div>
                      </div>
                      <!-- /.row -->

                      <!-- Table row -->
                      <div class="row">
                        <h3>Services</h3>
                        <div class="col-xs-12 table">
                          <table class="table table-striped">
                            <thead>
                              <tr>
                                <th>Service Name</th>
                                <th>Date Started</th>
                                <th style="width: 45%">Description</th>
                                <th>Status</th>
                                <th>Action</th>
                              </tr>
                            </thead>
                            <tbody>
                              @if ($show_services->isEmpty())
                                <tr>
                                  <td class="" colspan="5">No Services found</td>
                                </tr>
                              @else
                                @foreach($show_services as $service)
                                <tr>
                                  <td>{{ $service_type[$service->category_id] }}</td>
                                  <td>{{ $service->date_started or 'N/A' }}</td>
                                  <td>{{ $service->description or 'N/A' }} </td>
                                  <td>{{ $service->status }}</td>
                                  <td class="last" >
                                    <a href="" class="btn btn-xs btn-primary"><i class="fa fa-edit"></i></a>
                                    <!-- <a href="{!! route('clients.edit', [$service->id]) !!}" class="btn btn-xs btn-primary"><i class="fa fa-edit"></i></a>
                                    <a title="Remove Service" class="btn btn-xs btn-danger removeService"><i class="fa fa-trash"></i></a>   -->                
                                    <input type="hidden" name="service_id" class="serviceID" value="{{ $service->id }}">
                                  </td>
                                </tr>
                                @endforeach
                              @endif
                            </tbody>
                          </table>
                        </div>
                        <!-- /.col -->
                      </div>
                      <!-- /.row -->

                      <div class="row">
                        <!-- accepted payments column -->
                        
                        <!-- /.col -->
                        <!-- <div class="col-xs-12">
                          <p class="lead">Amount Due 01/31/2023</p>
                          <div class="table-responsive">
                            <table class="table">
                              <tbody>
                                <tr>
                                  <th style="width:50%">Subtotal:</th>
                                  <td>$250.30</td>
                                </tr>
                                <tr>
                                  <th>Tax (9.3%)</th>
                                  <td>$10.34</td>
                                </tr>
                               
                                <tr>
                                  <th>Total:</th>
                                  <td>$260.24</td>
                                </tr>
                              </tbody>
                            </table>
                          </div>
                        </div> -->
                        <!-- /.col -->
                      </div>
                      <!-- /.row -->

                      <!-- this row will not appear when printing -->
                      <!-- <div class="row no-print">
                        <div class="col-xs-12">
                          <button class="btn btn-default" onclick="window.print();"><i class="fa fa-print"></i> Print</button>
                          <button class="btn btn-success pull-right"><i class="fa fa-credit-card"></i> Submit Payment</button>
                          <button class="btn btn-primary pull-right" style="margin-right: 5px;"><i class="fa fa-download"></i> Generate PDF</button>
                        </div>
                      </div> -->
                    </section>
                  </div>
              

            </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection