@extends('layouts.base')

@section('title')
    Modifier une opération de caisse
@endsection

@section('style')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
@endsection

@section('content')
<div class="row">
            {{--@include('includes.alert/alert_success_error') --}}



    
    <div class="col-12">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0">Modifier l'opération - {{ $agence->name }}</h5>
                <a href="{{ $returnUrl }}" class="btn btn-outline-danger">
                    <i class="fa-solid fa-arrow-left"></i> Retour
                </a>
            </div>
            
            <div class="card-body">
                <form action="{{ route('gestion_operation_caisse.modification_operation', $operation->encrypted_id ?? $operation->id) }}" method="POST" class="row g-3 app-form">
                    @csrf
                    @method('PUT')
                    
                    <div class="col-md-6">
                        <label for="type">Type d'opération <span class="text-danger">*</span></label>
                        <select name="type" id="type" class="form-select" disabled>
                            <option value="entrée" {{ $operation->type == 'entrée' ? 'selected' : '' }}>Entrée</option>
                            <option value="sortie" {{ $operation->type == 'sortie' ? 'selected' : '' }}>Sortie</option>
                        </select>
                        <input type="hidden" name="type" value="{{ $operation->type }}">
                        <small class="text-muted">Le type d'opération ne peut pas être modifié</small>
                    </div>
                    
                    <div class="col-md-6">
                        <label for="amount">Montant (FCFA)</label>
                        <input type="number" id="amount" value="{{ $operation->amount }}" class="form-control" disabled>
                        <input type="hidden" name="amount" value="{{ $operation->amount }}">
                        <small class="text-muted">Le montant ne peut pas être modifié</small>
                    </div>
                    
                    <div class="col-md-6">
                        <label for="operation_date">Date et heure de l'opération <span class="text-danger">*</span></label>
                        <input type="datetime-local" name="operation_date" id="operation_date"
                               value="{{ old('operation_date', $operation->operation_date ? $operation->operation_date->format('Y-m-d\TH:i') : now()->format('Y-m-d\TH:i')) }}"
                               class="form-control @error('operation_date') is-invalid @enderror" required>
                        @error('operation_date') <span class="text-danger">{{ $message }}</span> @enderror
                    </div>
                    
                    <div class="col-md-6">
                        <label for="external_reference">Référence</label>
                        <input type="text" name="external_reference" id="external_reference" value="{{ old('external_reference', $operation->external_reference) }}"
                               class="form-control @error('external_reference') is-invalid @enderror"
                               placeholder="Référence externe ou générée">
                        @error('external_reference') <span class="text-danger">{{ $message }}</span> @enderror
                    </div>
                    
                    <div class="col-md-6">
                        <label for="reason">Motif / Description <span class="text-danger">*</span></label>
                        <textarea name="reason" id="reason" rows="3"
                                  class="form-control @error('reason') is-invalid @enderror"
                                  placeholder="Détails de l'opération" required>{{ old('reason', $operation->reason) }}</textarea>
                        @error('reason') <span class="text-danger">{{ $message }}</span> @enderror
                    </div>
                    
                    <div class="col-12 text-end">
                        <button type="submit" class="btn text-white" style="background: {{ config('colors.lnb_green') }};">
                            <i class="fa fa-save"></i> Enregistrer les modifications
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script')
<script>
   
</script>
@endsection