@extends('layouts.app')

@section('title', 'Call Details - ' . $school->school_name)

@section('content')
    <div class="d-flex flex-wrap justify-content-between align-items-center mb-4">
        <div>
            <h4 class="mb-1">Call Details - {{ $school->school_name }}</h4>
            <p class="text-muted mb-0">Tele-Marketing Task: {{ $task->title }}</p>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('tasks.digital-marketing.make-call', ['task' => $task->id, 'teleMarketingTaskData' => $school->id]) }}" class="btn btn-primary">
                <i class="icon-base ti tabler-phone-call me-1"></i>
                Make New Call
            </a>
            <a href="{{ route('tasks.digital-marketing.show', $task) }}" class="btn btn-outline-secondary">
                <i class="icon-base ti tabler-arrow-left me-1"></i>
                Back to Details
            </a>
        </div>
    </div>

    @include('partials.alerts')

    <div class="card mb-4">
        <div class="card-body bg-label-info">
            <div class="row g-3">
                <div class="col-md-3">
                    <label class="form-label text-muted mb-1">School Name</label>
                    <p class="mb-0 fw-medium">{{ $school->school_name }}</p>
                </div>
                <div class="col-md-3">
                    <label class="form-label text-muted mb-1">Contact Person</label>
                    <p class="mb-0 fw-medium">{{ $school->contact_person ?? '-' }}</p>
                </div>
                <div class="col-md-3">
                    <label class="form-label text-muted mb-1">Province</label>
                    <p class="mb-0 fw-medium">{{ $school->province ?? '-' }}</p>
                </div>
                <div class="col-md-3">
                    <label class="form-label text-muted mb-1">District</label>
                    <p class="mb-0 fw-medium">{{ $school->district ?? '-' }}</p>
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h5 class="mb-0">Call History</h5>
        </div>
        <div class="card-body">
            @if($callData->count() > 0)
                <div class="table-responsive">
                    <table class="table table-hover mb-0">
                        <thead class="table-light bg-label-success">
                            <tr>
                                <th>Call Date</th>
                                <th>Call Status</th>
                                <th>Call Responder</th>
                                <th>Called By</th>
                                <th>Existing System</th>
                                <th>Future Planning</th>
                                <th>Current Software</th>
                                <th>Contact Numbers</th>
                                <th>Location</th>
                                <th class="text-end">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($callData as $call)
                                <tr>
                                    <td>{{ $call->called_date ? \Carbon\Carbon::parse($call->called_date)->format('d M Y') : '-' }}</td>
                                    <td>
                                        @if($call->call_status)
                                            <span class="badge bg-label-{{ $call->call_status === 'Received' ? 'success' : ($call->call_status === 'Not Received' ? 'danger' : 'warning') }}">
                                                {{ $call->call_status }}
                                            </span>
                                        @else
                                            -
                                        @endif
                                    </td>
                                    <td>{{ $call->call_responder ?? '-' }}</td>
                                    <td>{{ $call->called_by ?? '-' }}</td>
                                    <td>{{ $call->existing_system ?? '-' }}</td>
                                    <td>{{ $call->future_planning ?? '-' }}</td>
                                    <td>{{ $call->current_software_name ?? '-' }}</td>
                                    <td>
                                        @if($call->contact_numbers && count($call->contact_numbers) > 0)
                                            @foreach($call->contact_numbers as $contact)
                                                @php
                                                    $contactData = is_array($contact) ? $contact : ['number' => $contact, 'name' => '', 'position' => ''];
                                                @endphp
                                                <div class="mb-1">
                                                    @if(!empty($contactData['name']))
                                                        <strong>{{ $contactData['name'] }}</strong>
                                                        @if(!empty($contactData['position']))
                                                            <small class="text-muted">({{ $contactData['position'] }})</small>
                                                        @endif
                                                        <br>
                                                    @endif
                                                    <span>{{ $contactData['number'] ?? $contact }}</span>
                                                </div>
                                            @endforeach
                                        @else
                                            -
                                        @endif
                                    </td>
                                    <td>
                                        @if($call->location)
                                            <span class="text-truncate d-inline-block" style="max-width: 200px;" title="{{ $call->location }}">
                                                {{ Str::limit($call->location, 50) }}
                                            </span>
                                        @else
                                            -
                                        @endif
                                    </td>
                                    <td class="text-end">
                                        <div class="dropdown">
                                            <button class="btn btn-sm btn-icon btn-text-secondary" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                                <i class="icon-base ti tabler-dots-vertical"></i>
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-end">
                                                <a class="dropdown-item" href="{{ route('tasks.digital-marketing.make-call', ['task' => $task->id, 'teleMarketingTaskData' => $school->id]) }}">
                                                    <i class="icon-base ti tabler-phone-call me-1"></i> Make Another Call
                                                </a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <div class="text-center py-5">
                    <p class="text-muted mb-4">No call data available for this school.</p>
                    <a href="{{ route('tasks.digital-marketing.make-call', ['task' => $task->id, 'teleMarketingTaskData' => $school->id]) }}" class="btn btn-primary">
                        <i class="icon-base ti tabler-phone-call me-1"></i>
                        Make First Call
                    </a>
                </div>
            @endif
        </div>
    </div>
@endsection