@extends('layouts.layout-horizontal')

@section('title', 'Companies')

@section('content')
  <div class="card">
    <div class="card-header d-flex align-items-center justify-content-between">
        <h5 class="mb-0">Companies</h5>
        <div>
            <a href="{{ route('admin.companies.create') }}" class="btn btn-primary btn-sm">Add Company</a>
        </div>
    </div>
    <div class="card-body">
      <div>
      <div class="table-responsive">
      <table class="table table-hover table-sm align-middle">
        <thead class="table-light">
          <tr>
            <th>#</th>
            <th>Name</th>
            <th>GSTIN</th>
            <th>PAN</th>
            <th>Email</th>
            <th>Phone</th>
            <th class="text-center no-sort no-export">Actions</th>
          </tr>
        </thead>
        <tbody>
          @foreach($companies as $c)
            <tr>
              <td>{{ $c->id }}</td>
              <td>{{ $c->name }}</td>
              <td>{{ $c->gstin ?? '-' }}</td>
              <td>{{ $c->pan ?? '-' }}</td>
              <td>{{ $c->email ?? '-' }}</td>
              <td>{{ $c->phone ?? '-' }}</td>
              <td class="text-center">
                <div class="tbl-actions">
                    <a href="{{ route('admin.companies.edit', ['companyRecord' => $c]) }}" class="tbl-act" data-bs-toggle="tooltip" title="Edit"><i class="ph-duotone ph-pencil-simple"></i></a>
                    <div class="dropdown">
                        <button class="tbl-act tbl-act-more" type="button" data-bs-toggle="dropdown"><i class="ph-duotone ph-dots-three-vertical"></i></button>
                        <ul class="dropdown-menu dropdown-menu-end">
                            <li>
                                <form method="POST" action="{{ route('admin.companies.destroy', ['companyRecord' => $c]) }}"
                                  onsubmit="return confirm('Delete this company?')">
                                  @csrf
                                  @method('DELETE')
                                  <button type="submit" class="dropdown-item text-danger"><i class="ph-duotone ph-trash me-1"></i> Delete</button>
                                </form>
                            </li>
                        </ul>
                    </div>
                </div>
              </td>
            </tr>
          @endforeach
        </tbody>
      </table>
      </div>
      </div>
    </div>

  </div>
  @if($cashModeActive ?? false)
  <div class="card">
    <div class="card-body">
      @php
        $isActive = $active ?? ($cashModeActive ?? false);
        $seconds = $remaining ?? ($cashModeRemaining ?? 0);
      @endphp
      <div class="d-flex align-items-center justify-content-between mb-3">
        <h4 class="mb-0">Cash Mode</h4>
        <span class="badge bg-success">Active ({{ $seconds }}s left)</span>
      </div>

      <form method="POST" action="{{ route('cashmode.disable') }}">
        @csrf
        <button class="btn btn-outline-danger">Disable Cash Mode</button>
      </form>
    </div>
  </div>
  @endif
@endsection