@extends('layouts.app')

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

@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.edit') }} {{ __('app.interactions') }}</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('interactions.index') }}">{{ __('app.interactions') }}</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{ __('app.edit') }}</li>
        </ol>
    </div>
</div>

<div class="row">
    <div class="col-lg-12">
        <div class="card custom-card">
            <div class="card-header">
                <h4 class="card-title mb-0">{{ __('app.edit') }} {{ __('app.interactions') }}</h4>
            </div>
            <div class="card-body">
                <form action="{{ route('interactions.update', $interaction) }}" method="POST">
                    @csrf
                    @method('PUT')
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="customer_id" class="form-label">{{ __('app.customer') }}</label>
                                <select class="form-select" id="customer_id" name="customer_id" required>
                                    <option value="">{{ __('app.select_customer') }}</option>
                                    @foreach($customers as $customer)
                                        <option value="{{ $customer->id }}" {{ old('customer_id', $interaction->customer_id) == $customer->id ? 'selected' : '' }}>
                                            {{ $customer->name }} - {{ $customer->email }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="mb-3">
                                <label for="channel" class="form-label">{{ __('app.channel') }}</label>
                                <select class="form-select" id="channel" name="channel" required>
                                    <option value="">{{ __('app.select_channel') }}</option>
                                    <option value="email" {{ old('channel', $interaction->channel) == 'email' ? 'selected' : '' }}>{{ __('app.email') }}</option>
                                    <option value="whatsapp" {{ old('channel', $interaction->channel) == 'whatsapp' ? 'selected' : '' }}>{{ __('app.whatsapp') }}</option>
                                    <option value="call" {{ old('channel', $interaction->channel) == 'call' ? 'selected' : '' }}>Call</option>
                                    <option value="sms" {{ old('channel', $interaction->channel) == 'sms' ? 'selected' : '' }}>SMS</option>
                                    <option value="chat" {{ old('channel', $interaction->channel) == 'chat' ? 'selected' : '' }}>Chat</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="mb-3">
                                <label for="direction" class="form-label">{{ __('app.direction') }}</label>
                                <select class="form-select" id="direction" name="direction" required>
                                    <option value="">{{ __('app.select_direction') }}</option>
                                    <option value="inbound" {{ old('direction', $interaction->direction) == 'inbound' ? 'selected' : '' }}>{{ __('app.inbound') }}</option>
                                    <option value="outbound" {{ old('direction', $interaction->direction) == 'outbound' ? 'selected' : '' }}>{{ __('app.outbound') }}</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-8">
                            <div class="mb-3">
                                <label for="subject" class="form-label">{{ __('app.subject') }}</label>
                                <input type="text" class="form-control" id="subject" name="subject" value="{{ old('subject', $interaction->subject) }}" placeholder="{{ __('app.enter_subject') }}">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="call_duration" class="form-label">{{ __('app.call_duration') }}</label>
                                <input type="number" class="form-control" id="call_duration" name="call_duration" value="{{ old('call_duration', $interaction->call_duration) }}" placeholder="{{ __('app.duration_in_minutes') }}">
                            </div>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="body" class="form-label">{{ __('app.message_content') }}</label>
                        <textarea class="form-control" id="body" name="body" rows="5" placeholder="{{ __('app.enter_interaction_content') }}">{{ old('body', $interaction->body) }}</textarea>
                    </div>

                    <div class="mb-3">
                        <label for="outcome" class="form-label">{{ __('app.outcome') }}</label>
                        <input type="text" class="form-control" id="outcome" name="outcome" value="{{ old('outcome', $interaction->outcome) }}" placeholder="{{ __('app.enter_interaction_outcome') }}">
                    </div>

                    <div class="text-end">
                        <a href="{{ route('interactions.index') }}" class="btn btn-secondary me-2">{{ __('app.cancel') }}</a>
                        <button type="submit" class="btn btn-primary">{{ __('app.update') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection