@extends('admin.layout.app')

@section('heading', 'Update Service Section')

@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_submit') }}" method="post">
                            @csrf
                            <div class="row">
                                <div class="col-md-12">

                                    <!-- Service Status -->
                                    <h5 class="mb-4">Service page toggler (Page + Nav) </h5>
                                    <div class="mb-4">
                                        <label class="form-label">Homepage Services Status</label>
                                        <select name="service_status" class="form-control">
                                            <option value="show"
                                                {{ $service_data->service_status === 'show' ? 'selected' : '' }}>Show
                                            </option>
                                            <option value="hide"
                                                {{ $service_data->service_status === 'hide' ? 'selected' : '' }}>Hide
                                            </option>
                                        </select>
                                    </div>

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

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

                                    <h5 class="mb-4">Homepage Services Headers: </h5>


                                    <!-- Service Title Highlight -->
                                    <div class="mb-4">
                                        <label class="form-label">Service Title Highlight</label>
                                        <input type="text" class="form-control" name="service_title_highlight"
                                            value="{{ old('service_title_highlight', $service_data->service_title_highlight) }}">
                                    </div>

                                    <!-- Service Title -->
                                    <div class="mb-4">
                                        <label class="form-label">Service Title</label>
                                        <input type="text" class="form-control" name="service_title"
                                            value="{{ old('service_title', $service_data->service_title) }}">
                                    </div>

                                    <!-- Service Subtitle -->
                                    <div class="mb-4">
                                        <label class="form-label">Service Subtitle</label>
                                        <input type="text" class="form-control" name="service_subtitle"
                                            value="{{ old('service_subtitle', $service_data->service_subtitle) }}">
                                    </div>

                                    <!-- Service Title Description -->
                                    <div class="mb-4">
                                        <label class="form-label">Service Title Description</label>
                                        <textarea class="form-control snote" name="service_title_description">{!! old('service_title_description', $service_data->service_title_description) !!}</textarea>
                                    </div>

                                    <!-- Service Card Limit -->
                                    <div class="mb-4">
                                        <label class="form-label">Service Card Limit</label>
                                        <input type="number" class="form-control" name="service_card_limit"
                                            value="{{ old('service_card_limit', $service_data->service_card_limit) }}">
                                    </div>



                                    <!-- Submit Button -->
                                    <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