@extends('layouts.mymaster')
@section('content')


<div class="m-page center-page">
            <div class="container">
                <div class="row">
                    <div class="col-md-3"></div>
                    <div class="col-md-9 search-box">
                        <!-- Start Search -->
                        <div class="input-group">
                          <select class="right-arrow select-css form-control"placeholder="النشاط">
                                <option value="volvo">Volvo</option>
                                <option value="saab">Saab</option>
                                <option value="mercedes">Mercedes</option>
                                <option value="audi">Audi</option>
                            </select>
                          <span class="input-group-btn">
                            <button class="btn search-btn" type="button"><i class="fa fa-search"></i></button>
                          </span>
                        </div>  
                        <button type="button" class="btn btn-link search-link" data-toggle="modal" data-target="#searchModal">بحث مخصص</button>
                        <ul class="list-unstyled paging">
                            <li><a><i class="fa fa-angle-right"></i></a></li>
                            <li class="active"><a><i class="fa fa-angle-left"></i></a></li>
                        </ul>
                         <!-- End Search -->
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                    <!-- Start sidebar -->
                        <div class="side-bar">
                             <ul class="list-unstyled nav nav-stacked">
                                 <li><a href="tenders" class="break">المناقصات الحكومية</a></li>
                                 <li class="active"><a href="/centers" class="break">مراكز الأعمال</a></li>
                                 <li><a href="/chances" class="break">الفرص الاستثمارية</a></li>
                            </ul>
                            <div class='actions'>
                                <button  class="fbutcenter" type="button">
                                    
                                  <a  href="{{ route('mycenters') }}" style="color:white"> فروعي / منشأتي</a> </button>
                           
                                
                                <button class="fbutcenter" type="button">
                                <a href="{{ route('rfqs.index') }}" style="color:white">طلب تسعير من مورد</a>
                                  </button>
                            </div>
                        </div>
                    <!-- End sidebar -->
                    </div>
                    <div class="col-md-9">
                        <!-- Start main card -->
                        @foreach ($centers as $center)
                        <div class="main-card">
                            <div class="row">
                                <div class="col-md-4">
                                    <a><img class='card-img' src="../../assets/images/1200px-Ministry_of_Foriegn_affairs_Logo.svg.jpg" alt=""></a>
                                </div>
                                <div class="col-md-8 card-des">
                                    <div class="row">
                                        <div class="col-md-3 subtitle">اسم المنشأة</div>
                                        <div class="col-md-9 sub-value primary">
                                            {{ $center->name}}
                                             </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-3 subtitle">القطاع</div>
                                        <div class="col-md-9 sub-value">
                                        {{ $center->sector->name }}
                                        
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-3 subtitle">الخدمات</div>
                                        <div class="col-md-9 sub-value tags-section">
                                            @foreach ($center->services as $service )
                                            <span>
                                                
                                                {{ $service->name }}
                                                
                                                </span>
                                           @endforeach
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-3 subtitle">المدينة</div>
                                        <div class="col-md-9 sub-value">الرياض</div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-share">
                                <a class="active"><i class="fa fa-heart"></i></a>
                                <a href='details.html'><i class="fa fa-share-alt"></i></a>
                            </div>
                            <div class="more-details"><a  href="/centers/{{$center->id}}">مزيد من التفاصيل<i class="fa fa-angle-double-left"></i></a></div>
                        </div>
                        @endforeach
                        <!-- End main card -->
                        <!-- Start trends list --> 
                        <!-- End trends list --> 
                        <!-- Start pagination -->
                 
                        <!-- End pagination -->
                    </div>
                </div>
            </div>
        </div>





        <div class="modal fade" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">بحث عن مراكز أعمال</h5>
                        <button type="button " class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body text-left">
   <form  method="get" action="/centerss">
       {{ csrf_field() }}
                                   <div class="form-group">
                                <input type="text"name="name" class="form-control" placeholder="مركز الأعمال">
                            </div>
                            <div class="form-group">
                                <select class="select-css green-arrow"  name="sectors_id"  >
                                 
                                            <option value="">{{  trans('app.sectors.choose_sector')}}</option>
                                            @foreach ($sectors  as $sector )
                                        <option value="{{ $sector->id }}">{{ $sector->name }}</option>

                                            @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <select class="select-css green-arrow" name="places_id" placeholder="النشاط">
                                   
                                                <option value="">اختيار المنطقة</option>
                                                @foreach ($places  as $place )
                                            <option value="{{ $place->id }}">{{ $place->name }}</option>
    
                                                @endforeach
                                </select>
                            </div>
                  
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn dark-btn">بحث</button>
                        <button type="button" class="btn btn-link" data-dismiss="modal">الغاء</button> 
                      
                    </div>
                      </form>
                </div>
            </div>
        </div>













        @endsection