@extends('layouts.admin')

@section('title', 'Add Sender ID')
@section('page-title', 'Create Sender ID')

@section('content')
<div class="row justify-content-center">
    <div class="col-md-8">
        <div class="card shadow">
            <div class="card-header bg-primary text-white py-3">
                <h5 class="mb-0">Add New Sender ID</h5>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.sender-ids.store') }}" method="POST">
                    @csrf
                    
                    <div class="row">
                        <div class="col-md-8">
                            <div class="form-group mb-3">
                                <label for="sender_id" class="form-label">Sender ID *</label>
                                <input type="text" class="form-control @error('sender_id') is-invalid @enderror" 
                                       id="sender_id" name="sender_id" value="{{ old('sender_id') }}" 
                                       placeholder="Enter Sender ID (3-11 characters)" required>
                                @error('sender_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <small class="form-text text-muted">
                                    Sender ID must be 3-11 characters, alphanumeric only
                                </small>
                            </div>
                        </div>
                        
                        <div class="col-md-4">
                            <div class="form-group mb-3">
                                <label for="user_id" class="form-label">Assign to User</label>
                                <select class="form-control @error('user_id') is-invalid @enderror" 
                                        id="user_id" name="user_id">
                                    <option value="">Select User (Optional)</option>
                                    @foreach($users as $user)
                                        <option value="{{ $user->id }}" {{ old('user_id') == $user->id ? 'selected' : '' }}>
                                            {{ $user->name }} ({{ $user->email }})
                                        </option>
                                    @endforeach
                                </select>
                                @error('user_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label for="reseller_id" class="form-label">Assign to Reseller</label>
                                <select class="form-control @error('reseller_id') is-invalid @enderror" 
                                        id="reseller_id" name="reseller_id">
                                    <option value="">Select Reseller (Optional)</option>
                                    @foreach($resellers as $reseller)
                                        <option value="{{ $reseller->id }}" {{ old('reseller_id') == $reseller->id ? 'selected' : '' }}>
                                            {{ $reseller->company_name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('reseller_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label class="form-label">Status</label>
                                <div class="mt-2">
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="status" 
                                               id="status_approved" value="approved" checked>
                                        <label class="form-check-label" for="status_approved">
                                            Approved
                                        </label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="status" 
                                               id="status_pending" value="pending">
                                        <label class="form-check-label" for="status_pending">
                                            Pending
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group mb-3">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="is_default" 
                                   id="is_default" value="1">
                            <label class="form-check-label" for="is_default">
                                Set as default Sender ID
                            </label>
                        </div>
                    </div>

                    <div class="d-flex justify-content-between">
                        <a href="{{ route('admin.sender-ids.index') }}" class="btn btn-secondary">
                            <i class="fas fa-arrow-left me-2"></i>Back to List
                        </a>
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-save me-2"></i>Create Sender ID
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection