@extends('layouts.app')

@section('title', __('app.add_task') . ' - 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_task') }}</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('tasks.index') }}">{{ __('app.tasks') }}</a></li>
                            <li class="breadcrumb-item active" aria-current="page">{{ __('app.add_task') }}</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.task_information') }}</div>
                            </div>
                            <div class="card-body">
                                <form method="POST" action="{{ route('tasks.store') }}">
                                    @csrf
                                    <div class="row gy-3">
                                        <div class="col-xl-6">
                                            <label class="form-label">{{ __('app.task_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">
                                                <option value="">{{ __('app.select_customer') }} ({{ __('app.optional') }})</option>
                                                @foreach($customers as $customer)
                                                    <option value="{{ $customer->id }}" {{ old('customer_id') == $customer->id ? 'selected' : '' }}>
                                                        {{ $customer->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('customer_id')
                                                <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.status') }} *</label>
                                            <select class="form-select @error('status') is-invalid @enderror" name="status" required>
                                                <option value="">{{ __('app.select_status') }}</option>
                                                <option value="todo" {{ old('status') == 'todo' ? 'selected' : '' }}>{{ __('app.todo_task') }}</option>
                                                <option value="in_progress" {{ old('status') == 'in_progress' ? 'selected' : '' }}>{{ __('app.ongoing_task') }}</option>
                                                <option value="review" {{ old('status') == 'review' ? 'selected' : '' }}>{{ __('app.in_review_task') }}</option>
                                                <option value="completed" {{ old('status') == 'completed' ? 'selected' : '' }}>{{ __('app.completed_task') }}</option>
                                            </select>
                                            @error('status')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="col-xl-6">
                                            <label class="form-label">{{ __('app.due_date') }}</label>
                                            <input type="date" class="form-control @error('due_date') is-invalid @enderror" name="due_date" value="{{ old('due_date') }}">
                                            @error('due_date')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="col-xl-6">
                                            <label class="form-label">{{ __('app.assigned_to') }}</label>
                                            <input type="text" class="form-control @error('assigned_to') is-invalid @enderror" name="assigned_to" value="{{ old('assigned_to') }}" placeholder="{{ __('app.enter_assignee_name') }}">
                                            @error('assigned_to')
                                                <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_task') }}</button>
                                            <a href="{{ route('tasks.index') }}" class="btn btn-secondary">{{ __('app.cancel') }}</a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
@endsection