@extends('web.layouts.master')


@section('contents')


    <!-- start page title -->
    <section class="page-title">
        <div class="container">
            <h3 class="main-title">تواصل معنا</h3>
        </div>
    </section>
    <!-- end page title -->

    <!-- start brands  -->
    <section class="commission-block licenses-block">
        <div class="container">
            <div class="main-content grey-bg">
                <div class="row">
                    <div class="col-md-12 col-lg-12">
                        <div class="title">
                            <h3 class="no-psedu wow fadeInDown">تواصل معنا</h3>
                        </div>
                        <!-- start license form box -->
                        <div class="border-box wow fadeInUp">
                            <h5 class="sub-title">تواصل معنا </h5>
                            <form method="post" action="{{route('contact_store')}}" enctype="multipart/form-data" class="needs-validation transfering-form" novalidate>
                                 @if (session()->has('error'))
                                    <div style="text-align: center" class="alert alert-success">
                                        {{ session('error') }}
                                    </div>
                                @endif
                                @csrf
                                <div class="form-group">
                                    <label for="">البريد الألكترونى</label>
                                    <input name="email" value="{{old('email')}}" type="email"  maxlength = "191" class="form-control" placeholder="البريد الألكترونى" required>
                                    <div class="invalid-feedback">
من فضلك ادخل البريد الألكتروني بطريقه صحيحة                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="">سبب الإتصال</label>
                                    <input type="text" name="reason" value="{{old('reason')}}" maxlength = "191" class="form-control" placeholder="السبب" required>
                                    <div class="invalid-feedback">
من فضلك ادخل السبب بطريقه صحيحة                                    </div>
                                </div>
                                    <div class="form-group">
                                        <label for="">رقم الجوال</label>
                                        <input type="text" name="mobile" value="{{old('mobile')}}" maxlength = "191" class="form-control"
                                               placeholder="رقم الجوال" required>
                                        <div class="invalid-feedback">
                                            من فضلك ادخل رقم الجوال بطريقه صحيحة
                                        </div>
                                    </div>
                                <div class="form-group">
                                    <label for="">صورة لتوضيح المشكله :</label>
                                    <div class="item-upload white-bg">
                                        <div class="item-edit">
                                            <div class="item-preview">
                                                <img class="img-fluid" id="previewImage" src="{{asset('web/img/dynamic/icons/photo.png')}}"
                                                     alt="your image" />
                                            </div>
                                            <input type='file' name="image" id="file" class="btn-inputfile" accept="image/*" />
                                            <label for="file"></label>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="">ملاحظات :</label>
                                    <textarea name="body"  class="form-control" required placeholder="الملاحظات">{{old('body')}}</textarea>
                                    <div class="invalid-feedback">
                                        من فضلك أدخل الملاحظات
                                    </div>
                                </div>
                                <div class="col-12 center">
                                    <button type="submit" class="btn btn-main btn-hover full-width-btn">
                                        إرسال الطلب</button>
                                </div>
                            </form>
                        </div>
                        <!-- end license form box -->
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end brands  -->


@stop