@extends('dashboard.layout.content')

@section('customTitle')
    إضافة خدمة
@endsection

@section('customStyle')
    <link href='{{ asset('dashboard/ar/assets/css/elements/alert.css') }}' rel="stylesheet" type="text/css" />
@endsection

@section('customBody')
    <div id="content" class="main-content">
        <div class="container">
            <div class="container">
                <div class="row">
                    <div id="flStackForm" class="col-12 layout-spacing layout-top-spacing">
                        <div class="statbox widget box box-shadow">
                            <div class="widget-header">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="alert alert-light-primary text-center">إضافة خدمة</div>
                                    </div>
                                </div>
                            </div>

                            <div class="widget-content widget-content-area">

                                <form action="{{ route('dashboard.service.store') }}" method="POST"
                                    enctype="multipart/form-data">
                                    @csrf
                                    <div class="form-row mb-4">

                                        <div class="form-group col-md-6">
                                            <label for="ar_title">الاسم (عربي)</label>
                                            <input id="ar_title" class="form-control" type="text" placeholder="الاسم (عربي)"
                                                name="title[ar]" value="{{ old('title.ar') }}">
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label for="en_title">الاسم (إنجليزي)</label>
                                            <input dir="ltr" id="en_title" class="form-control" type="text" placeholder="الاسم (إنجليزي)"
                                                name="title[en]" value="{{ old('title.en') }}">
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label for="en_description">الوصف (عربي)</label>
                                            <textarea id="en_description" class="form-control" placeholder="" name="description[en]">{{ old('description.en') }}</textarea>
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label for="ar_description">الوصف (إنجليزي)</label>
                                            <textarea dir="ltr" id="ar_description" class="form-control" placeholder="" name="description[ar]">{{ old('description.ar') }}</textarea>
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label for="en_details">التفاصيل (عربي)</label>
                                            <textarea id="en_details" class="form-control" placeholder="" name="details[en]">{{ old('details.en') }}</textarea>
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label for="ar_details">التفاصيل (إنجليزي)</label>
                                            <textarea dir="ltr" id="ar_details" class="form-control" placeholder="" name="details[ar]">{{ old('details.ar') }}</textarea>
                                        </div>

                                        <div class="form-group col-md-12">
                                            <label for="image">الصورة</label>
                                            <input type="file" accept="image/*" class="form-control" id="image"
                                                placeholder="الصورة" name="image">
                                            <small class="form-text text-muted">الملفات المسموح بها : png,jpg,jpeg</small>
                                        </div>

                                        @if ($errors->any())
                                            <div class="col-12">
                                                <div class="alert alert-danger">
                                                    {!! implode('', $errors->all('<div>:message</div>')) !!}
                                                </div>
                                            </div>
                                        @endif

                                        @if (session()->has('success'))
                                            <div class="col-12">
                                                <div class="alert alert-success">
                                                    {{ session()->get('success') }}
                                                </div>
                                            </div>
                                        @endif

                                        <div class="col-12">
                                            <input type="submit" class="btn btn-primary mt-3" value="حفظ">
                                        </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('customScript')
@endsection