@extends('business.layouts.admin')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('business.dashboard') }}">{{ __('Dashboard') }}</a></li>
    <li class="breadcrumb-item active">{{ __('Sources') }}</li>
@endsection

@section('content')
<div class="dash-content">
    <div class="page-header">
        <div class="page-block">
            <div class="row align-items-center">
                <div class="col-md-8">
                    <div class="page-header-title">
                        <h4 class="m-b-10">{{ __('Manage Sources') }}</h4>
                    </div>
                </div>
                <div class="col-md-4 text-end">
                    <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#addSourceModal">
                        <i class="ti ti-plus"></i> {{ __('Add Source') }}
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body table-border-style">
                    <div class="table-responsive">
                        <table class="table" id="pc-dt-simple">
    <thead>
        <tr>
            <th>#</th> <th>{{ __('NAME') }}</th>
            <th>{{ __('STATUS') }}</th>
            <th class="text-end">{{ __('ACTION') }}</th>
        </tr>
    </thead>
    <tbody>
        @foreach($sources as $source)
        <tr>
            <td>{{ $loop->iteration }}</td> 
            
            <td>{{ $source->name }}</td>
            <td>
                <span class="badge bg-{{ $source->status ? 'success' : 'danger' }}">
                    {{ $source->status ? 'Active' : 'Inactive' }}
                </span>
            </td>
            <td class="text-end">
                <button class="btn btn-sm btn-info" data-bs-toggle="modal" data-bs-target="#editSource{{$source->id}}">
                    <i class="ti ti-edit"></i>
                </button>
                <form action="{{ route('business.sources.destroy', $source->id) }}" method="POST" class="d-inline">
                    @csrf @method('DELETE')
                    <button class="btn btn-sm btn-danger" onclick="return confirm('Delete source?')">
                        <i class="ti ti-trash"></i>
                    </button>
                </form>
            </td>
        </tr>
        @endforeach
    </tbody>
</table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Edit Modal --}}
@foreach($sources as $source)
<div class="modal fade" id="editSource{{$source->id}}" tabindex="-1" role="dialog" aria-labelledby="editSourceLabel{{$source->id}}" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="editSourceLabel{{$source->id}}">{{ __('Edit Source') }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form action="{{ route('business.sources.update', $source->id) }}" method="POST">
                @csrf
                @method('PUT')
                <div class="modal-body">
                    <div class="form-group">
                        <label class="form-label">{{ __('Source Name') }}</label>
                        <input type="text" name="name" class="form-control" value="{{ $source->name }}" required>
                    </div>
                    <div class="form-group mt-3">
                        <label class="form-label">{{ __('Status') }}</label>
                        <select name="status" class="form-control">
                            <option value="1" {{ $source->status == 1 ? 'selected' : '' }}>{{ __('Active') }}</option>
                            <option value="0" {{ $source->status == 0 ? 'selected' : '' }}>{{ __('Inactive') }}</option>
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('Close') }}</button>
                    <button type="submit" class="btn btn-primary">{{ __('Update') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endforeach

{{-- Add Modal --}}
<div class="modal fade" id="addSourceModal" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header"><h5>{{ __('New Source') }}</h5></div>
            <form action="{{ route('business.sources.store') }}" method="POST">
                @csrf
                <div class="modal-body">
                    <label class="form-label">{{ __('Source Name') }}</label>
                    <input type="text" name="name" class="form-control" required placeholder="e.g. Facebook, Cold Call">
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection