@extends('layouts.mymaster')
@section('content')
        <!-- End navbar -->
        <!-- Start content -->
        <div class="m-page details-page">
            <div class="container">
                <h2 class="center-title"> تفاصيل مركز الأعمال </h2>
                 <div class="row box">
                   <div class="col-md-3 img-side"> 
                        <div class=''>
                            <img class='card-img' src="{{ asset('myImages/'.$center->image) }}" alt="logo">
                        </div>
                       <div class="send-box">
                                                   <form method="post" action="{{ route('send.center' , $center->id)  }}" >
                                {{ csrf_field() }}
                               <h4>راسل مركز الأعمال</h4>
                               <div class="form-group">
                                    <input name="name" type="text" class="form-control" placeholder="الاسم كامل">
                                </div>
                               <div class="form-group">
                                    <input name="email" type="email" class="form-control" placeholder=" البريد الإلكتروني">
                                </div>
                               <div class="form-group">
                                    <textarea  name="message" rows="3" cols="50">رسالتك</textarea>
                                </div>
                               <div class="form-btn">
                                    <button class="fbutcenter" type="submit"> إرسال</button>
                                </div>
                           </form>
                       </div>
                    </div>
                     <div class="col-md-9 details-content">
                        <div class="row center-name">
                            <div class="col-md-3 detail-title">
                                اسم المنشأة
                            </div>
                            <div class="col-md-9 detail-cont primary ">
                                {{ $center->name }}
                                <br>
                                <br>
                                {{ $center->name }}
                            </div>
                         </div>
                        <div class="row center-name">
                            <div class="col-md-3 detail-title">
                                حول المركز
                            </div>
                            <div class="col-md-9 detail-cont primary">
                                <p> 
                                                                  {{ $center->name }}

                                  </p>
                                <div class="more-download">
                                 المزيد عنا
                                <a href="{{ asset('myImages/'.$center->profile) }}" download><i class="fa fa-download"></i></a>
                                </div>
                            </div>
                         </div>
                        <div class="row center-name">
                            <div class="col-md-3 detail-title ">
                                القطاع
                            </div>
                            <div class="col-md-9 detail-cont ">
                                                                    {{ $center->sector->name }}
 
                            </div>
                         </div>
                        <div class="row center-name">
                            <div class="col-md-3 detail-title ">
                                الخدمات
                            </div>
                            <div class="col-md-9 detail-cont services">
                                
                                                 @foreach($center->services as $service)
                                                        <span>{{$service->name}}
                                                        </span>
                                                    @endforeach
                        
                            </div>
                         </div>
                        <div class="row center-name">
                            <div class="col-md-3 detail-title ">
                                العنوان
                            </div>
                            <div class="col-md-9 detail-cont">
{{ $center->address }}
                            </div>
                         </div>
                      
                        <div class="row center-name">
                            <div class="col-md-3 detail-title ">
                            البريد الإلكتروني
                            </div>
                            <div class="col-md-9 detail-cont primary">
                            {{ $center->email }}
                            </div>
                         </div>
                        <div class="row center-name">
                            <div class="col-md-3 detail-title ">
                            رقم الهاتف
                            </div>
                            <div class="col-md-9 detail-cont primary">
                            {{ $center->phone }}
                            </div>
                         </div>
                        <div class="row center-name">
                            <div class="col-md-3 detail-title ">
                            رقم الموبايل
                            </div>
                            <div class="col-md-9 detail-cont  primary">
                            {{ $center->mobile }}
                            </div>
                         </div>
                         <div class="social">
                             <span><a href="{{$center->linkedin}}"  target="_blank">
                                 <i class="fa fa-linkedin">
                           </i>  </a></span>
                             <span><a target="_blank" href="{{$center->twitter}}"><i class="fa fa-twitter"></i></a></span>
                             <span><a href="{{$center->facebook}}"  target="_blank"><i class="fa fa-facebook"></i></a></span>
                         </div>
                     </div>
                </div>
            </div>
        </div>
        @endsection