@extends('web.layouts.layout')
@section('content')

    <main>

        <!-- Start section -->
        @include('web.layouts.header')


        <section class="consultation_pg contact_pg section">
            <div class="container">
                <div class="serviceDet_pg">
                    <img src="{{asset($service->image)}}" class="sec-img mb-5" alt=""/>
                </div>
                <div class="row justify-content-between">
                    <div class="col-lg-8 m-auto">
                        <div class="form_box">
                            <h2 class="sec_title bb fw-bold mb-5">  {{$service->name}}   </h2>
                            <form method="post" action="{{route('service.demand',$service->id)}}" onsubmit="formAction(this)">
                                @CSRF
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group mb-4">
                                            <label class="inputLabel"> {{__('demands.name')}}  <span class="text-danger">*</span>  </label>
                                            <input name="name" type="text" class="form-control" placeholder="{{__('demands.name')}}">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group mb-4 phone_group_float">
                                            <label class="inputLabel"> {{__('demands.phone')}}  <span class="text-danger">*</span>  </label>
                                            <!--<input name="phone" type="number" class="form-control" placeholder="{{__('demands.phone')}}">-->
                                            <input name="phone" type="number" class="form-control" placeholder="">
                                            <span class="float_code"> +966 </span>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group mb-4">
                                            <label class="inputLabel"> {{__('demands.email')}}   <span class="text-danger">*</span>  </label>
                                            <input type="email" name="email" class="form-control" placeholder="{{__('demands.email')}}">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group mb-4">
                                            <label class="inputLabel"> {{__('demands.subject_id')}}  <span class="text-danger">*</span>  </label>
                                            <select name="subject_id" class="form-control form-select" >
                                                <option value="">{{__('demands.subject_id')}}</option>
                                                @foreach($subjects as $row)
                                                    <option value="{{$row->id}}">{{$row->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="form-group mb-4">
                                            <label class="inputLabel">  {{__('demands.consult')}}   <span class="text-danger">*</span>  </label>
                                            <textarea name="consult" class="form-control" rows="5" placeholder="{{__('demands.consult')}}"></textarea>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="form-group mb-4">
                                            <label class="inputLabel">  {{__('demands.file_upload')}}   <span class="text-danger">*</span>  </label>
                                            <div class="drop_box">
                                                <input id="demo1" class="demo1" name="file" type="file" accept="PDF" placeholder="{{__('web.support_files')}}: PDF، {{__('web.size_limit')}} 2 {{__('web.mg')}}"  />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <button type="submit" class="butn primary_butn m-auto px-5 py-3">{{__('web.send')}}</button>
                            </form>
                        </div>
                    </div>

                </div>
            </div>
        </section>

    </main>
@section('inject_js')
@endsection
@stop