@extends('admin.layout.master')
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="dashboard-box margin-top-0">

                <!-- Headline -->
                <div class="headline">
                    <h3><i class="icon-feather-edit"></i> Update Service</h3>
                </div>
                <form action="{{ route('admin.services.update', ['service' => request()->service]) }}" method="post">
                    @csrf
                    @method('put')
                    <div class="content with-padding padding-bottom-10">
                        <div class="row">
                            <div class="col-xl-6">
                                <div class="submit-field">
                                    <h5>Title</h5>
                                    <input class="with-border" placeholder="Title" name="title"
                                        value="{{ $service->title }}" required>
                                </div>
                                @if ($errors->has('title'))
                                    <div class="text-danger">{{ $errors->first('title') }}
                                    </div>
                                @endif
                            </div>
                            <div class="col-xl-6">
                                <div class="submit-field">
                                    <h5>Category</h5>
                                    <select class="selectpicker with-border" name="category_id" data-size="7"
                                        title="Select Category" data-live-search="true">
                                        @forelse ($categories as $category)
                                            <option value="{{ $category->id }}"
                                                {{ $service->category_id == $category->id ? 'selected' : '' }}>
                                                {{ $category->name }}</option>
                                        @empty
                                        @endforelse
                                    </select>
                                </div>
                                @if ($errors->has('category_id'))
                                    <div class="text-danger">{{ $errors->first('category_id') }}
                                    </div>
                                @endif
                            </div>
                            <div class="col-xl-6">
                                <div class="submit-field">
                                    <h5>Price</h5>
                                    <input type="number" class="with-border" placeholder="Price" name="price"
                                        value="{{ $service->price }}" required>
                                </div>
                                @if ($errors->has('price'))
                                    <div class="text-danger">{{ $errors->first('price') }}
                                    </div>
                                @endif
                            </div>
                            <div class="col-xl-6">
                                <div class="submit-field">
                                    <h5>Description</h5>
                                    <textarea name="description" class="with-border" placeholder="Description" id="" cols="30" rows="10" required>{{ $service->description }}</textarea>
                                </div>
                                @if ($errors->has('description'))
                                    <div class="text-danger">{{ $errors->first('description') }}
                                    </div>
                                @endif
                            </div>
                            <div class="col-xl-12">
                                <div class="submit-field">
                                    <h5>Status</h5>
                                    <select class="selectpicker with-border" name="status" id="" data-size="7"
                                        title="Select Status" data-live-search="true">
                                        <option value="0" {{ $service->status == 0 ? 'selected' : '' }}>Pending
                                        </option>
                                        <option value="1" {{ $service->status == 1 ? 'selected' : '' }}>Active</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-12 text-right">
                                <button class="button button-sliding-icon ripple-effect">Update<i
                                    class="icon-material-outline-arrow-right-alt"></i></button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection