@extends('layouts.app')

@section('content')
<div id="page-container" class="fade page-sidebar-fixed page-header-fixed page-with-wide-sidebar">
    <!-- begin #header -->
    @include('partials.header')
    <!-- end #header -->
    
    <!-- begin #sidebar -->
    @include('partials.sidebar')
    <!-- end #sidebar -->
    
    <!-- begin #content -->
    <div id="content" class="content">
        <!-- begin breadcrumb -->
        <ol class="breadcrumb float-xl-right">
            <li class="breadcrumb-item"><a href="javascript:;">Home</a></li>
            <li class="breadcrumb-item"><a href="javascript:;">Page Options</a></li>
            <li class="breadcrumb-item active">Edit Order Service</li>
        </ol>
        <!-- end breadcrumb -->
        <!-- begin page-header -->
        <h1 class="page-header">Edit Order Service</small></h1>
        <!-- end page-header -->
        <!-- begin panel -->
        <div class="panel panel-inverse">
            <div class="panel-body">
                @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                <form action="{{ route('advertisements.update', $advertisement->id) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')
                    <div class="form-group">
                        <label for="name">Name</label>
                        <input type="text" name="name" id="name" class="form-control" required value="{{ $advertisement->name }}">
                    </div>
                    <div class="form-group">
                        <label for="type">Type</label>
                        <select name="type" id="type" class="form-control" required>
                            <option value="video" {{ $advertisement->type == 'video' ? 'selected' : '' }}>Video</option>
                            <option value="image" {{ $advertisement->type == 'image' ? 'selected' : '' }}>Image</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="viewing_interval">Viewing Interval (seconds)</label>
                        <input type="number" name="viewing_interval" id="viewing_interval" class="form-control" required min="1" value="{{ $advertisement->viewing_interval }}">
                    </div>
                    <div class="form-group">
                        <label for="start_datetime">Start Date and Time</label>
                        <input type="datetime-local" name="start_datetime" id="start_datetime" class="form-control" required 
                               value="{{ old('start_datetime', isset($advertisement) ? $advertisement->start_datetime->format('Y-m-d\TH:i') : '') }}">
                    </div>
                    <div class="form-group">
                        <label for="end_datetime">End Date and Time</label>
                        <input type="datetime-local" name="end_datetime" id="end_datetime" class="form-control" required 
                               value="{{ old('end_datetime', isset($advertisement) ? $advertisement->end_datetime->format('Y-m-d\TH:i') : '') }}">
                    </div>
                    <div class="form-group">
                        <label for="is_active">Status</label>
                        <select name="is_active" id="is_active" class="form-control">
                            <option value="1" {{ $advertisement->is_active ? 'selected' : '' }}>Active</option>
                            <option value="0" {{ !$advertisement->is_active ? 'selected' : '' }}>Inactive</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="media">Current Media Files</label>
                        <div>
                            @foreach($advertisement->media as $media)
                                <div>
                                    @if(Str::endsWith($media->file_path, ['jpg', 'jpeg', 'png', 'gif']))
                                        <img src="{{ asset('storage/' . $media->file_path) }}" alt="Advertisement Image" style="max-width: 200px;">
                                    @else
                                        <video width="200" controls>
                                            <source src="{{ asset('storage/' . $media->file_path) }}" type="video/mp4">
                                            Your browser does not support the video tag.
                                        </video>
                                    @endif
                                </div>
                            @endforeach
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="new_media">Add New Media Files</label>
                        <input type="file" name="media[]" id="new_media" class="form-control-file" multiple>
                    </div>
                    <button type="submit" class="btn btn-primary">Update Advertisement</button>
                </form>
            </div>
        </div>
        <!-- end panel -->
    </div>
    <!-- end #content -->
</div>
@endsection