@extends('admin.layout.master')
@section('content')
@section('banner', 'active')
@section('title', 'Banner')
<div class="container-xxl flex-grow-1 container-p-y">
    <style>
        .form-control {
            margin-bottom: 2rem !important;
        }

        .form-check {
            margin-bottom: 2rem !important;
        }
    </style>
    <div class="row">
        <div class="card">
            <h5 class="card-header">Add Banner</h5>
            <div class="card-body">
                <form action="{{ route('admin.store.banner') }}" method="post" class="row" enctype="multipart/form-data">
                    @csrf

                    {{-- Service ID --}}
                    <div class="form-group col-md-12">
                        <label class="">Service</label>
                        <select name="service_id" class="form-control">
                            <option value="">Select Service</option>
                            @foreach($services as $service)
                                <option value="{{ $service->id }}"
                                    {{ old('service_id') == $service->id ? 'selected' : '' }}>
                                    {{ $service->service_name }}
                                </option>
                            @endforeach
                        </select>
                        @error('service_id')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>

                    <div class="form-group col-md-12">
                        <label class="">Banner Name</label>
                        <input type="text" name="banner_name" class="form-control" value="{{ old('banner_name') }}">
                        <span class="text-danger">{{ $errors->first('banner_name') }}</span>
                    </div>

                    <div class="form-group col-md-12">
                        <label class="">Image</label>
                        <input type="file" name="banner_image[]" class="form-control" multiple>
                        <span class="text-danger">{{ $errors->first('banner_image') }}</span>
                    </div>

                    <div class="form-group offset-md-10 col-md-2 col-sm-12">
                        <button class="btn btn-primary" type="submit">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection
@push('script')
<script>
</script>
@endpush