@extends('admin.layout.app')

@section('heading', 'Edit Services')

@section('rightside_button')
    <a href="{{ route('service_card_show') }}" class="btn btn-primary "><i class="fas fa-eye"></i> View All</a>
@endsection

@section('main_content')
    <div class="section-body">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('service_card_update', $row_data->id) }}" method="post"
                            enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-md-12">

                                    <label class="form-label mb-4">
                                        <h5>Service Card Settings :</h5>
                                    </label>


                                    <div class="mb-4">
                                        <label class="form-label">Order</label>
                                        <input type="number" class="form-control" name="card_order"
                                            value="{{ old('card_order', $row_data->card_order) }}">
                                    </div>

                                    <div class="mb-4">
                                        <label class="form-label">Status</label>
                                        <select name="card_status" class="form-control">
                                            <option value="show"
                                                {{ $row_data->card_status === 'show' ? 'selected' : '' }}>Show</option>
                                            <option value="hide"
                                                {{ $row_data->card_status === 'hide' ? 'selected' : '' }}>Hide</option>
                                        </select>
                                    </div>

                                    <div class="mb-4">
                                        <label class="form-label">Slug</label>
                                        <input type="text" class="form-control" name="slug"
                                            value="{{ old('slug', $row_data->slug) }}">
                                    </div>

                                    <div class="mb-4">
                                        <label class="form-label">Card Title</label>
                                        <input type="text" class="form-control" name="card_title"
                                            value="{{ old('card_title', $row_data->card_title) }}">
                                    </div>

                                    <div class="mb-4">
                                        <label class="form-label">Card Description</label>
                                        <textarea class="form-control snote" name="card_description" rows="4">{{ old('card_description', $row_data->card_description) }}</textarea>
                                    </div>


                                    <div class="mb-4">
                                        <label class="form-label">Card Image</label><br>
                                        @if ($row_data->card_image)
                                            <img src="{{ asset('uploads/' . $row_data->card_image) }}"
                                                style="max-height:100px;" class="mb-2">
                                        @endif
                                        <input type="file" class="form-control" name="card_image">
                                    </div>

                                    <div class="mb-4">
                                        <label class="form-label">Card Sticker</label>
                                        <input type="text" class="form-control" name="card_sticker"
                                            value="{{ old('card_sticker', $row_data->card_sticker) }}">
                                    </div>

                                    <div class="mb-4">
                                        <label class="form-label">Card Icon</label>
                                        <input type="text" class="form-control" name="card_icon"
                                            value="{{ old('card_icon', $row_data->card_icon) }}">
                                    </div>

                                    <div class="mb-4">
                                        <label class="form-label">Card Button Text</label>
                                        <input type="text" class="form-control" name="card_button_text"
                                            value="{{ old('card_button_text', $row_data->card_button_text) }}">
                                    </div>



                                    <label class="form-label  mb-4">
                                        <h5>Service Details Settings :</h5>
                                    </label>

                                    <div class="mb-4">
                                        <label class="form-label">Service Banner</label><br>
                                        @if ($row_data->service_image)
                                            <img src="{{ asset('uploads/' . $row_data->service_banner) }}"
                                                style="max-height:100px;" class="mb-2">
                                        @endif
                                        <input type="file" class="form-control" name="service_banner">
                                    </div>

                                    <div class="mb-4">
                                        <label class="form-label">Service Details Main Image</label><br>
                                        @if ($row_data->service_image)
                                            <img src="{{ asset('uploads/' . $row_data->service_image) }}"
                                                style="max-height:100px;" class="mb-2">
                                        @endif
                                        <input type="file" class="form-control" name="service_image">
                                    </div>

                                    <div class="mb-4">
                                        <label class="form-label">Service Description</label>
                                        <textarea class="form-control snote" name="service_description" rows="4">{{ old('service_description', $row_data->service_description) }}</textarea>
                                    </div>

                                    <div class="mb-4">
                                        <label class="form-label">Service Video URL</label>
                                        <input type="url" class="form-control" name="service_video_url"
                                            value="{{ old('service_video_url', $row_data->service_video_url) }}">
                                    </div>

                                    <div class="mb-4">
                                        <label class="form-label">Service Video Image</label><br>
                                        @if ($row_data->service_video_image)
                                            <img src="{{ asset('uploads/' . $row_data->service_video_image) }}"
                                                style="max-height:100px;" class="mb-2">
                                        @endif
                                        <input type="file" class="form-control" name="service_video_image">
                                    </div>

                                    <div class="mb-4">
                                        <label class="form-label">Service Video Description</label>
                                        <textarea class="form-control snote" name="service_video_description" rows="4">{{ old('service_video_description', $row_data->service_video_description) }}</textarea>
                                    </div>

                                    <div class="mb-4">
                                        <label class="form-label">Service Lists (make a new line for each item)</label>
                                        <textarea class="form-control " name="service_video_lists" rows="4" style="height:200px;">{{ old('service_video_lists', $row_data->service_video_lists) }}</textarea>
                                    </div>

                                    <div class="mb-4">
                                        <label class="form-label">Service Bottom Description</label>
                                        <textarea class="form-control snote" name="service_bottom_description" rows="4">{{ old('service_bottom_description', $row_data->service_bottom_description) }}</textarea>
                                    </div>

                                    <div class="mb-4">
                                        <label class="form-label">SEO Title</label>
                                        <input type="text" class="form-control" name="seo_title"
                                            value="{{ old('seo_title', $row_data->seo_title) }}">
                                    </div>

                                    <div class="mb-4">
                                        <label class="form-label">SEO Meta Description</label>
                                        <textarea class="form-control" name="seo_meta_description" rows="3">{{ old('seo_meta_description', $row_data->seo_meta_description) }}</textarea>
                                    </div>

                                    <div class="mb-4">
                                        <button type="submit" class="btn btn-primary ">Update</button>
                                    </div>

                                </div>
                            </div>
                        </form>
                    </div> <!-- card-body -->
                </div> <!-- card -->
            </div>
        </div>
    </div>
@endsection