@extends('layouts.app')

@section('title', $agent->exists ? 'Edit Media Agent' : 'Add Media Agent')

@section('content')
    <div class="d-flex align-items-center mb-4">
        <a href="{{ route('media.index') }}" class="btn btn-outline-secondary me-3"><i class="bi bi-arrow-left"></i></a>
        <h1 class="h3 mb-0">
            <i class="bi bi-megaphone me-2"></i>
            {{ $agent->exists ? 'Edit Media Agent' : 'Add Media Agent' }}
        </h1>
    </div>

    <div class="card">
        <div class="card-body">
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul class="mb-0">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form method="POST" action="{{ $agent->exists ? route('media.update', $agent) : route('media.store') }}">
                @csrf
                @if ($agent->exists) @method('PUT') @endif

                <div class="row g-3">
                    <div class="col-md-6">
                        <label for="name" class="form-label fw-semibold">Name <span class="text-danger">*</span></label>
                        <input type="text" name="name" id="name" class="form-control @error('name') is-invalid @enderror"
                            value="{{ old('name', $agent->name) }}" required>
                        @error('name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    <div class="col-md-6">
                        <label for="mobile" class="form-label fw-semibold">Mobile <span class="text-danger">*</span></label>
                        <input type="text" name="mobile" id="mobile"
                            class="form-control @error('mobile') is-invalid @enderror"
                            value="{{ old('mobile', $agent->mobile) }}" required>
                        @error('mobile') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    <div class="col-md-6">
                        <label for="email" class="form-label">Email</label>
                        <input type="email" name="email" id="email"
                            class="form-control @error('email') is-invalid @enderror"
                            value="{{ old('email', $agent->email) }}">
                        @error('email') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    <div class="col-md-6">
                        <label for="company_name" class="form-label">Company Name</label>
                        <input type="text" name="company_name" id="company_name"
                            class="form-control @error('company_name') is-invalid @enderror"
                            value="{{ old('company_name', $agent->company_name) }}">
                        @error('company_name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    <div class="col-md-12">
                        <label for="address" class="form-label">Address</label>
                        <textarea name="address" id="address" rows="2"
                            class="form-control @error('address') is-invalid @enderror">{{ old('address', $agent->address) }}</textarea>
                        @error('address') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    <div class="col-md-4">
                        <label for="commission_rate" class="form-label fw-semibold">Default Commission Rate</label>
                        <div class="input-group">
                            <input type="number" name="commission_rate" id="commission_rate" step="0.01" min="0"
                                class="form-control @error('commission_rate') is-invalid @enderror"
                                value="{{ old('commission_rate', $agent->commission_rate ?? 0) }}">
                            <span class="input-group-text">%</span>
                        </div>
                        @error('commission_rate') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        <div class="form-text">Default rate used when linking to sales</div>
                    </div>

                    <div class="col-md-4">
                        <label for="is_active" class="form-label">Status</label>
                        <select name="is_active" id="is_active" class="form-select">
                            <option value="1" {{ old('is_active', $agent->is_active ?? true) == 1 ? 'selected' : '' }}>Active
                            </option>
                            <option value="0" {{ old('is_active', $agent->is_active ?? true) == 0 ? 'selected' : '' }}>
                                Inactive</option>
                        </select>
                    </div>
                </div>

                <hr>
                <button type="submit" class="btn btn-primary">
                    <i class="bi bi-check-circle me-1"></i>
                    {{ $agent->exists ? 'Update Media Agent' : 'Create Media Agent' }}
                </button>
            </form>
        </div>
    </div>
@endsection