@extends('layouts.loggedInLayout')

@section('content')

<div class="nxl-content">
    <div class="page-header">
        <div class="page-header-left d-flex align-items-center">
            <div class="page-header-title">
                <h5 class="m-b-10">{{ __('case.edit_case_study') }}</h5>
            </div>
        </div>
    </div>

    <div class="main-content">
        <div class="col-xl-6">
            @if(session('success'))
                <div class="alert alert-success">
                    {{ session('success') }}
                </div>
            @endif

            @if(session('error'))
                <div class="alert alert-danger">
                    {{ session('error') }}
                </div>
            @endif

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

            <div class="alert alert-info border rounded shadow-sm p-3 mb-4">
                <h5 class="mb-2"><i class="bi bi-lightbulb-fill me-2"></i>{{ __('case.example_case_study') }}</h5>
                <ul class="mb-0 text-muted">
                    <li><strong>{{ __('case.client_name') }}:</strong> {{ __('case.example_client_name') }}</li>
                    <li><strong>{{ __('case.website_url') }}:</strong> {{ __('case.example_website_url') }}</li>
                    <li><strong>{{ __('case.problem') }}:</strong> {{ __('case.example_problem') }}</li>
                    <li><strong>{{ __('case.solution') }}:</strong> {{ __('case.example_solution') }}</li>
                    <li><strong>{{ __('case.results') }}:</strong> {{ __('case.example_results') }}</li>
                </ul>
            </div>

            <form action="{{ route('case.update', $etude->id) }}" method="POST">
                @csrf
                @method('PUT')

                <div class="mb-4">
                    <label class="form-label">{{ __('case.client_name') }} <span class="text-danger">*</span></label>
                    <input type="text" class="form-control" name="client" placeholder="{{ __('case.enter_client_name') }}" value="{{ old('client', $etude->client) }}" required>
                </div>

                <div class="mb-4">
                    <label class="form-label">{{ __('case.website_url') }} <span class="text-danger">*</span></label>
                    <input type="url" class="form-control" name="website_url" placeholder="{{ __('case.enter_website_url') }}" value="{{ old('website_url', $etude->website_url) }}" required>
                </div>

                <div class="mb-4">
                    <label class="form-label">{{ __('case.problem') }} <span class="text-danger">*</span></label>
                    <textarea name="problem" rows="4" class="form-control" placeholder="{{ __('case.describe_problem') }}" required>{{ old('problem', $etude->problem) }}</textarea>
                </div>

                <div class="mb-4">
                    <label class="form-label">{{ __('case.solution') }} <span class="text-danger">*</span></label>
                    <textarea name="solution" rows="4" class="form-control" placeholder="{{ __('case.describe_solution') }}" required>{{ old('solution', $etude->solution) }}</textarea>
                </div>

                <div class="mb-4">
                    <label class="form-label">{{ __('case.results') }} <span class="text-danger">*</span></label>
                    <textarea name="results" rows="4" class="form-control" placeholder="{{ __('case.describe_results') }}" required>{{ old('results', $etude->results) }}</textarea>
                </div>

                <div class="mt-5">
                    <button type="submit" class="btn btn-lg btn-primary w-100">
                        {{ __('case.submit_case_study') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection