@extends('layouts.app')

@section('title', __('app.add_deal') . ' - SEU CRM')

@section('content')
<div class="my-4 page-header-breadcrumb d-flex align-items-center justify-content-between flex-wrap gap-2">
                    <div>
                        <h1 class="page-title fw-medium fs-18 mb-2">{{ __('app.add_deal') }}</h1>
                        <ol class="breadcrumb mb-0">
                            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">{{ __('app.dashboard') }}</a></li>
                            <li class="breadcrumb-item"><a href="{{ route('deals.index') }}">{{ __('app.deals') }}</a></li>
                            <li class="breadcrumb-item active" aria-current="page">{{ __('app.add_deal') }}</li>
                        </ol>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xl-12">
                        <div class="card custom-card">
                            <div class="card-header">
                                <div class="card-title">{{ __('app.deal_information') }}</div>
                            </div>
                            <div class="card-body">
                                <form method="POST" action="{{ route('deals.store') }}">
                                    @csrf
                                    <div class="row gy-3">
                                        <div class="col-xl-6">
                                            <label class="form-label">{{ __('app.deal_title') }} *</label>
                                            <input type="text" class="form-control @error('title') is-invalid @enderror" name="title" value="{{ old('title') }}" required>
                                            @error('title')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="col-xl-6">
                                            <label class="form-label">{{ __('app.customer') }} *</label>
                                            <select class="form-select @error('customer_id') is-invalid @enderror" name="customer_id" required>
                                                <option value="">{{ __('app.select_customer') }}</option>
                                                @forelse($customers as $customer)
                                                    <option value="{{ $customer->id }}" {{ old('customer_id') == $customer->id ? 'selected' : '' }}>
                                                        {{ $customer->name }}
                                                    </option>
                                                @empty
                                                    <option value="" disabled>{{ __('app.no_customers_available') }}</option>
                                                @endforelse
                                            </select>
                                            @error('customer_id')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="col-xl-6">
                                            <label class="form-label">{{ __('app.deal_value') }} *</label>
                                            <div class="input-group">
                                                <span class="input-group-text">SAR</span>
                                                <input type="number" step="0.01" class="form-control @error('value') is-invalid @enderror" name="value" value="{{ old('value') }}" required>
                                            </div>
                                            @error('value')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="col-xl-6">
                                            <label class="form-label">{{ __('app.stage') }} *</label>
                                            <select class="form-select @error('stage') is-invalid @enderror" name="stage" required>
                                                <option value="">{{ __('app.select_stage') }}</option>
                                                <option value="lead" {{ old('stage') == 'lead' ? 'selected' : '' }}>{{ __('app.lead') }}</option>
                                                <option value="qualified" {{ old('stage') == 'qualified' ? 'selected' : '' }}>{{ __('app.qualified') }}</option>
                                                <option value="proposal" {{ old('stage') == 'proposal' ? 'selected' : '' }}>{{ __('app.proposal') }}</option>
                                                <option value="negotiation" {{ old('stage') == 'negotiation' ? 'selected' : '' }}>{{ __('app.negotiation') }}</option>
                                                <option value="closed_won" {{ old('stage') == 'closed_won' ? 'selected' : '' }}>{{ __('app.closed_won') }}</option>
                                                <option value="closed_lost" {{ old('stage') == 'closed_lost' ? 'selected' : '' }}>{{ __('app.closed_lost') }}</option>
                                            </select>
                                            @error('stage')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="col-xl-6">
                                            <label class="form-label">{{ __('app.priority') }} *</label>
                                            <select class="form-select @error('priority') is-invalid @enderror" name="priority" required>
                                                <option value="">{{ __('app.select_priority') }}</option>
                                                <option value="low" {{ old('priority') == 'low' ? 'selected' : '' }}>{{ __('app.low') }}</option>
                                                <option value="medium" {{ old('priority') == 'medium' ? 'selected' : '' }}>{{ __('app.medium') }}</option>
                                                <option value="high" {{ old('priority') == 'high' ? 'selected' : '' }}>{{ __('app.high') }}</option>
                                            </select>
                                            @error('priority')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="col-xl-6">
                                            <label class="form-label">{{ __('app.expected_close_date') }}</label>
                                            <input type="date" class="form-control @error('expected_close_date') is-invalid @enderror" name="expected_close_date" value="{{ old('expected_close_date') }}">
                                            @error('expected_close_date')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="col-xl-12">
                                            <label class="form-label">{{ __('app.description') }}</label>
                                            <textarea class="form-control @error('description') is-invalid @enderror" name="description" rows="4">{{ old('description') }}</textarea>
                                            @error('description')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="col-xl-12">
                                            <button type="submit" class="btn btn-primary">{{ __('app.create_deal') }}</button>
                                            <a href="{{ route('deals.index') }}" class="btn btn-secondary">{{ __('app.cancel') }}</a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
@endsection