@layout('admin/master')
@section('content')
  <section class="main-content">
    <div class="row">
        
        <div class="col-sm-12">
            @if(hasErrorFor('errors'))
              @!component('admin.flash-errors', {errors: getErrorFor('errors')})
            @endif
            @if(hasErrorFor('error'))
            @!component('admin.flash-error', error = getErrorFor('error') )
            @endif
            @if(flashMessage('success'))
            @!component('admin.flash-success', success = flashMessage('success') )
            @endif
            <form method="post" enctype="multipart/form-data">
                {{ csrfField() }}
                <div>

            <div class="card">
                <div class="card-header card-default">
                    Edit Event
                </div>
                <div class="card-body">
                    <div class="card">
                        <div class="card-header card-default">
                            Profile Details
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>Profile Image:</label>
                                        <div>
                                            <img src={{storageUrl(record.user.image_url)}} alt="User Image" style="border-radius: 50%; width: 100px; height: 100px;">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>Name:</label>
                                        <p>{{ record.user.name }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label>Email:</label>
                                        <p>{{ record.user.email }}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card-header card-default">
                            Event Details
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>Event Image:</label>
                                        <div>
                                            <img src={{storageUrl(record.image_url)}} alt="User Image" style="border-radius: 50%; width: 100px; height: 100px;">
                                        </div>
                                    </div>
                                    @if(record.user.user_type == 'admin')
                                        <div class="form-group">
                                            <label for="image_url">Upload Event Image:</label>
                                            <input type="file" name="image_url" class="form-control" accept="image/*">
                                        </div>
                                    @endif
                                </div>
                                <div class="col-md-4">
                                    @if(record.user.user_type == 'admin')
                                        <div class="form-group">
                                            <label>Title:</label>
                                            <textarea name="title" class="form-control" required style="height: 100px; width: 200px; border-radius: 5px;">{{ record.title }}</textarea>
                                        </div>
                                    @else
                                        <div class="form-group">
                                            <label>Title:</label>
                                            <p>{{ record.title }}</p>
                                        </div>
                                    @endif
                                    @if(record.user.user_type == 'admin')
                                        <div class="form-group">
                                            <label>Description:</label>
                                            <textarea name="description" class="form-control" required style="height: 100px; width: 200px; border-radius: 5px;">{{ record.description }}</textarea>
                                        </div>
                                    @else
                                        <div class="form-group">
                                            <label>Description:</label>
                                            <p>{{ record.description }}</p>
                                        </div>
                                    @endif
                                    @if(record.user.user_type == 'admin')
                                        <div>
                                            <label>Address:</label>
                                            <textarea name="address" class="form-control" required style="height: 100px; width: 200px; border-radius: 5px;">{{ record.address }}</textarea>
                                        </div>
                                    @else
                                        <div class="form-group">
                                            <label>Address:</label>
                                            <p>{{ record.address }}</p>
                                        </div>
                                    @endif
                                    @if(record.user.user_type == 'admin')
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Start Date:</label>
                                                    <input type="date" name="start_date" class="form-control" value="{{ record.start_date }}" required>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>End Date:</label>
                                                    <input type="date" name="end_date" class="form-control" value="{{ record.end_date }}" required>
                                                </div>
                                            </div>
                                        </div>
                                    @else
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Start Date:</label>
                                                    <p>{{ record.start_date }}</p>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>End Date:</label>
                                                    <p>{{ record.end_date }}</p>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    @if(record.user.user_type == 'admin')
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Start Time:</label>
                                                    <input type="time" name="start_time" class="form-control" value="{{ record.start_time }}" required>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>End Time:</label>
                                                    <input type="time" name="end_time" class="form-control" value="{{ record.end_time }}" required>
                                                </div>
                                            </div>
                                        </div>
                                    @else
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Start Time:</label>
                                                    <p>{{ record.start_time }}</p>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>End Time:</label>
                                                    <p>{{ record.end_time }}</p>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    {{--  drop down status  --}}
                                    <div class="form-group">
                                        <label>Status</label>
                                        <select required name="status" class="form-control">
                                            <option {{ record.status == "1" ? 'selected' : '' }} value="1">Active</option>
                                            <option {{ record.status == "0" ? 'selected' : '' }} value="0">Disabled</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="buttons">
                            <button class="btn btn-primary">Update</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>        
        </form>
        </div>
    </div>
    @include('admin.footer')
  </section>
@endsection