@extends('layouts.admin-simple')

@section('content')
<div class="content p-4">
  <div class="container-fluid">
    <div class="row mb-4">
      <div class="col-sm-6">
        <h1>Select Channel</h1>
      </div>
      <div class="col-sm-6 text-right">
        <a href="{{ route('channel.connect') }}" class="btn btn-primary">
          <i class="fab fa-whatsapp"></i> Connect WhatsApp
        </a>
        <a href="{{ route('channel.create') }}" class="btn btn-default">
          <i class="fas fa-plus"></i> Add New Channel
        </a>
      </div>
    </div>

    <div class="row">
      <div class="col-12">
        <div class="card">
          <div class="card-header">
            <h3 class="card-title">Available Channels</h3>
          </div>
          <div class="card-body">
            @if($channels->isEmpty())
            <div class="alert alert-warning">
              <h5><i class="icon fas fa-exclamation-triangle"></i> No Channels Available</h5>
              You don't have access to any channels. Please contact your administrator.
            </div>
            @else
            <div class="row">
              @foreach($channels as $channel)
              <div class="col-md-4 col-sm-6 mb-3">
                <div class="card card-outline card-primary">
                  <div class="card-header">
                    <h5 class="card-title mb-0">{{ $channel->name }}</h5>
                  </div>
                  <div class="card-body">
                    <p class="mb-2"><strong>Status:</strong>
                      @if($channel->needs_details)
                      <span class="badge badge-warning">Incomplete</span>
                      @else
                      <span class="badge badge-{{ $channel->status === 'active' ? 'success' : 'secondary' }}">
                        {{ ucfirst($channel->status) }}
                      </span>
                      @endif
                    </p>
                    <p class="mb-2"><strong>Start Date:</strong> {{ $channel->date_from ? $channel->date_from->format('Y-m-d') : 'Setup incomplete' }}</p>
                    @if($channel->date_to)
                    <p class="mb-2"><strong>End Date:</strong> {{ $channel->date_to->format('Y-m-d') }}</p>
                    @endif
                  </div>
                  <div class="card-footer">
                    <a href="{{ route('channel.dashboard.index', ['channel' => $channel->id]) }}"
                      class="btn btn-primary btn-block">
                      <i class="fas fa-arrow-right"></i> Select Channel
                    </a>
                  </div>
                </div>
              </div>
              @endforeach
            </div>
            @endif
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection