@extends('layouts.mymaster')
@push("head")
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.4/dist/leaflet.css"/>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script> 

@endpush
@section('content')
 <div class="m-page add-pricing-page">
            <div class="container">
                <div class="row">
                    <div class="form-box">
                        <h2 class="center-title">إضافة طلب تسعير</h2>
                     <form method="post" action="{{ route('rfqs.store') }}"
                          enctype="multipart/form-data">
                        {{csrf_field()}}
                        
                          @foreach ($errors->all() as $error)
                                    <li class="alert-danger">{{ $error }}</li>
                                @endforeach
                                
                            <div class="form-group">
                                <input type="text" name="name"  class="form-control" placeholder="مسمى الطلب">
                            </div>
                            <div class="form-group">
                                <textarea name="details" rows="4" cols="50"  placeholder="تفاصيل الطلب" ></textarea>
                            </div>
                            <div class="form-group upload-img">
                                <div class='row'>
                                    <div class='col-md-3'>
                                       <div class='label' style="vertical-align: sub">ملف الطلب</div>
                                    </div>
                                    <div class='col-md-9'>
                                       <div class="file-container">
                                            <input type="file" name="file" id="file" class="inputfile" />
                                            <label for="file">اختر ملف</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                              <input type="text" name="duration"      class="form-control" placeholder=" مدة التنفيذ بالأيام">
                            </div>
                            <div class="form-group">                           
                                <div class="input-append date" id="dp3" data-date="1/1/2012"
                                     autocomplete="false"
                                     data-date-format="dd-mm-yyyy" placeholder='آخر موعد لتسليم العروض'>
                                    <input class="effect-9 form-control" placeholder="mm/dd/yyyy"
                                           type="date" name="last_date"
                                           value="">
                                <!--    <span class="add-on"><i class="fa  fa-calendar"></i></span> -->
                                </div>
                            </div>
                            <div class="form-group">
                                <textarea name="q" rows="4" cols="50" placeholder="استفسار الموردين"></textarea>
                            </div>
                            <div class="custom-form left-icon">
                                <div class="form-group">
                                    <span class="icony">
                                        <i class="fa fa-fw fa-envelope"></i>
                                    </span>
                                    <input name="email" type="email" class="form-control" placeholder="البريد الإلكتروني">
                                </div>
                            </div>
                            <div class="custom-form left-icon">
                                <div class="form-group">
                                    <span class="icony">
                                        <i class="fa fa-fw fa-phone"></i>
                                    </span>
                                    <input name="mobile" class="form-control" placeholder="رقم التواصل">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class='row'>
                                    <div class='col-md-3'>
                                       <div class='label'>هل تحتاج إلى زيارة</div>
                                    </div>
                                    <div class='col-md-9'>
                                        <select name="visit" class="select-css gray-arrow">
                                            <option >نعم</option>
                                            <option>لا</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class='row'>
                                    <div class='col-md-3'>
                                       <div class='label'>هل تحتاج إلى عينة</div>
                                    </div>
                                    <div class='col-md-9'>
                                        <select name="Sample" class="select-css gray-arrow" placeholder="مدة التنفيذ بالأيام">
                                            <option >نعم</option>
                                            <option >لا</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <select  name="places_id"  class="select-css gray-arrow" placeholder="">
                                >                      <option value="">اختيار القطاع</option>

                                                                 @foreach ($sectors  as $sector)

                                            <option value="{{ $sector->id }}">{{ $sector->name }} </option>
        
                                               @endforeach
                                </select>
                            </div>
                            
                                       <div class="form-group">
                                <select  name="services[]" multiple  class="effect-9 form-control select2" placeholder="">
                                >                      <option value="">اختيار القطاع</option>

                                      <option value="">--- Select Country ---</option>
                                                              
                                </select>
                            </div>
                            
                           
                            <div class="form-btn">
                                <button class="fbutcenter" type="submit" data-toggle="modal" data-target="#addModal"> إضافة تسعيرة </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        
        
        
        
        
        
        
        
        
        
        
        
        
        <script src="{{asset('/js/select2.min.js')}}" defer></script>
    <link href="{{asset('')}}/css/select2.min.css" rel="stylesheet">
    <style>
        .select2 {
            width: 100%;
        }
    </style>

    <script>
        $(function () {
            $('.select2').select2({
                placeholder: "{{trans('app.services.choose_services')}}",
            });
            $('#accept-terms').change(function (e) {
                var $base = $('#can-buy');
                if ($base.length && e.target.checked) {
                    $base.removeAttr('disabled')
                } else {
                    $base.attr('disabled', true)
                }
            });
        });</script>
    <script src="https://unpkg.com/leaflet@1.3.4/dist/leaflet.js"></script>

       <script type="text/javascript">
    jQuery(document).ready(function ()
    {
            jQuery('select[name="places_id"]').on('change',function(){
               var placesID = jQuery(this).val();
               if(placesID)
               {
                  jQuery.ajax({

                     url : '/dropdownlist/getvendors/' +placesID,
                     type : "GET",
                     dataType : "json",
                     success:function(data)
                     {
                        console.log(data);
                        jQuery('select[name="services[]"]').empty();
                        jQuery.each(data, function(key,value){
                           $('select[name="services[]"]').append('<option value="'+ key +'">'+ value +'</option>');
                        });
                     }
                  });
               }
               else
               {
                 $('select[name="services[]"]').empty();
               }
            });
    });
    </script>
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        

@endsection