@extends('admin.layouts.app')


@section('section')
    @php
        $decodedContent = json_decode($estimation->other_service);
    @endphp

    <div class="content-wrapper">
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1>Email User</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="{{ url('admin/dashboard') }}">Home</a></li>
                            <li class="breadcrumb-item active">Email</li>
                        </ol>
                    </div>
                </div>
            </div><!-- /.container-fluid -->
        </section>
        <form method="POST" action="{{route('admin.crewVisit.email.to.user')}}" enctype="multipart/form-data">
            @csrf
            @if($estimation->user)
                <input type="hidden" value="{{$estimation->user->email}}" name="user_email">
            @else
                <input type="hidden" value="{{$estimation->email}}" name="user_email">
            @endif
            <input type="hidden" value="{{$estimation->id}}" name="estimation_id">
            <input type="hidden" value="crewVisit" name="type">
            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="crewName">Crew Name:</label>
                        <select name="crewName" class="form-control" id="crewSelect">
                            <option value="">Select A Crew</option>
                            @foreach($crews as $crew)
                                <option value="{{$crew->id}}"
                                        data-image="{{$crew->profile_image}}">{{$crew->name}}</option>
                            @endforeach
                        </select>
                        @error('crewName')
                        <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="visitDate">Visit Date:</label>
                        <input type="datetime-local" name="visitDate" id="visitDate" class="form-control">
                        @error('visitDate')
                        <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="form-group">
                        <label for="crewImage">Crew Profile Image:</label>
                        <img id="crewImage" src="" alt="Crew Image" style="max-width: 250px;">
                    </div>
                </div>

            </div>

            <div class="form-outline mb-4">
           <textarea class="form-control" name="content" rows="10">
    @if($estimation->user)
                   Hello, {{ $estimation->user->name }}
               @else
                   Hello, {{ $estimation->first_name }} {{ $estimation->last_name }}
               @endif
    We are excited to inform you that our [crewName] is scheduled to visit you on [visitDate] to provide our services.
    Here are some details about your request:

    1. Service Names:
        @if($estimation->services->count() > 1)
                   - Multiples
                   @foreach($estimation->services as $service)
                       - {{ $service->title }}
                   @endforeach
               @else
                   @foreach($estimation->services as $service)
                       - {{ $service->title }}
                   @endforeach
               @endif

    2. Estimation Time: {{ $estimation->estimation_time ?? ''}}
    3. Need Financing: {{ $estimation->need_financing ?? ''}}
    4. Requested Date: {{ $estimation->created_at->diffForHumans() }}
    5. Other Services :
        @if(isset($estimation['other_service']) && is_array($estimation['other_service']))
            @foreach($estimation['other_service'] as $service)
                - {{ $service['Service'] ?? '' }}
            @endforeach
        @endif
{{--        @if($estimation->other_service)--}}
{{--            @foreach($decodedContent->other_service as $service)--}}
{{--                    - {{ $service->Service ?? ''}}--}}
{{--            @endforeach--}}

{{--        @endif--}}

    We look forward to providing you with the best service possible. If you have any questions or need further assistance, please do not hesitate to contact us.
    Thank you for choosing our services.

</textarea>
                @error('content')
                <span class="text-danger">{{ $message }}</span>
                @enderror
            </div>

            <button type="submit" class="btn btn-primary">Send Email</button>
        </form>
    </div>

@endsection
@section('script')
    <script>
        const crewSelect = document.getElementById('crewSelect');
        const crewImage = document.getElementById('crewImage');
        const baseUrl = "{{ url('/profile_images') }}";

        crewSelect.addEventListener('change', function () {
            const selectedOption = crewSelect.options[crewSelect.selectedIndex];
            const imageFileName = selectedOption.getAttribute('data-image');

            if (imageFileName) {
                const imageUrl = baseUrl + '/' + imageFileName;
                crewImage.src = imageUrl;
                crewImage.style.display = 'block';
            } else {
                crewImage.src = '';
                crewImage.alt = 'No Profile Image';
                crewImage.style.display = 'block';
            }
        });
    </script>
@endsection