@extends('layouts.mymaster')


@section('content')


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

                     url : '/dropdownlist/getservice/' +sectorID,
                     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>





        <div class="m-page add-center-page">
            <div class="container">
                <div class="row">
                    <div class="form-box">
                        <h2 class="center-title">إضافة مركز أعمال</h2>
                            @foreach ($errors->all() as $error)
                                    <li class="alert-danger">{{ $error }}</li>
                                @endforeach
                           <form method="post" action="{{ route('centers.store') }}"
                          enctype="multipart/form-data">
                        {{csrf_field()}}
                            <div class="form-group">
                                <input type="text" name="name" class="form-control" placeholder="اسم المنشأة">
                            </div>
                            <div class="form-group">
                                <select  name="places_id"  class="select-css gray-arrow" placeholder="المنطقة">
                                            @foreach ($places  as $place )

                                    <option value="{{ $place->id }}">{{ $place->name }} </option>

                                       @endforeach
                                                  
                                </select>
                            </div>
                            <div class="form-group">
                                <select name="sector_id" id="sector_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 multiple   name="services[]"    class="effect-9 form-control select2">
                                               @foreach ($services  as $service )
                                    <option value="{{ $service->id }}">{{ $service->name }} </option>

                                       @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <select name="parent_id"  class="select-css gray-arrow" placeholder="المركز التابع له">
                                                      <option value="0">مركز اساسي </option>

                                                         @foreach ($centers  as $center )

                                    <option value="{{ $center->id }}">{{ $center->name }} </option>

                                       @endforeach
                                </select>
                            </div>
                              <div class="form-group">
                                <textarea rows="4" cols="50" name="address" form="usrform" placeholder="العنوان"></textarea>
                            </div>
                            
                       
                                  <div class="form-group upload-img">
                                <h4>إضافة شعار المنشأة</h4>
                                <input type="file" name="image" accept="image/*">
                            </div>
                            
                            
                            
                            
                            
                            
                            
                            
                            
                                 <div class="form-group">
                                        <input type="file" name="profile"   />
                                        <label for="file">رفع بروفايل المنشأة </label>
                                   </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="phone_number" 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-mobile"></i>
                                </span>
                                <input name="mobile_number" type="text" 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-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-facebook"></i>
                                    </span>
                                    <input name="facebook" type="text" 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-twitter"></i>
                                    </span>
                                    <input name="twitter" type="text" 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-linkedin"></i>
                                    </span>
                                    <input name="linkedin" type="text" class="form-control" placeholder="رابط لينكد ان ">
                                </div>
                            </div>
                            <div class="form-btn">
                                <button class="fbutcenter" type="submit">إضافة مركز الأعمال</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="{{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>
  



@endsection