@extends('layouts.app', ['page' => __('Customers'), 'pageSlug' => 'customerdetail'])

@section('content')

<style>
    .table{
        display: block;
        overflow-x: auto;
        overflow-y: clip;
        white-space: nowrap;
        min-height: 300px;
    }
    </style>
    
<!--<button type="submit" class="btn btn-fill btn-primary" onclick="printPDF();">Print PDF <i class="tim-icons icon-single-copy-04"></i></button>-->

<div class="col-md-12" >
    <div class="col-md-6" >
     <form action="{{route ('Customers.import') }}" class="p-2" method="post" enctype="multipart/form-data">
                    @csrf
                    <h2>Upload Excel File Here</h2>
                    <input type="file" name="file" accept=".xlsx" class="form-control col">
                    <input class="btn btn-success m-1" type="submit" value="Import">
                </form>
                </div>
                
        <div class="card ">
            <div class="card-header">
                <div class="row">
                    <div class="col-8">
                        <h4 class="card-title" style="font-weight:bold;">Customers</h4>
                    </div>
                    <div class="col-4 text-right">
                        <a href="{{route('Customers.customersdata')}}" class="btn btn-sm btn-info">Add Customer</a>
                    </div>
                </div>
            </div>
            <div class="card-body" id="invoice-card">
            @if(session('success'))
              <div class="alert alert-success alert-dismissible fade show" id="alert-success" role="alert">
                  <span class="alert-text text-white">
                  {{ session('success') }}</span>
              </div>
          @endif
                
                <div class="" >
                    <table class="table tablesorter " id="tableID">
                        <thead class=" text-primary">
                            <tr>
                            <!-- <th scope="col">S.No</th> -->
                            <th scope="col">Fullname</th>
                            <th scope="col">Service Address</th>
                            <th scope="col">Billing Address</th>
                            <th scope="col">land Line</th>
                            <th scope="col">Mobile</th>
                            <th scope="col">WhatsApp</th>
                            <th scope="col">Email</th>
                            <th scope="col">Gstin Details</th>
                            @if (auth::user()->role == 0)
                            <th scope="col">Action</th>
                            @endif
                        </tr></thead>
                        <tbody>
                        @foreach ($users as $user)
                                    <tr>
                                     <!-- <td>{{ $user->id }}</td> -->
                                    <td>{{ $user->fullname }}</td>
                                    <td>{{ $user->service_address }}</td>
                                    <td>{{ $user->billing_address }}</td>
                                    <td>{{ $user->landline }}</td>
                                    <td>{{ $user->mobile }}</td>
                                    <td>{{ $user->whatsapp }}</td>
                                    <td>{{ $user->email }}</td> 
                                    <td>{{ $user->gstin_detail }}</td>
                                    @if (auth::user()->role == 0)
                                    <td>
                                              <div class="dropdown">
                                                <a class="btn btn-sm btn-icon-only text-light" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    <i class="fas fa-ellipsis-v"></i>
                                                </a>
                                                <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                                                   <a class="dropdown-item" href="{{url('customeredit')}}/{{$user->id}}">Edit</a>
                                                    <a class="dropdown-item" href="{{url('customersdatadelete')}}/{{$user->id}}">Delete</a>
                                                </div>
                                            </div>
                                    </td>
                                    @endif

                                </tr>
                                @endforeach
                                 </tbody>
                    </table>
                </div>
            </div>
            <div class="card-footer py-4">
                <nav class="d-flex justify-content-end" aria-label="...">
                    
                </nav>
            </div>
        </div>
        
    </div>

            @endsection