@extends('layouts.mymaster')

@section('title',trans('app.chances.chances'))
@section('content')
   <div class="m-page chance-page">
            <div class="container">
                <div class="row">
                    <div class="col-md-3"></div>
                    <div class="col-md-9 search-box">
                        <!-- Start Search -->
                            <form  method="get" action="{{ route('chances.search')}}">
                                                                {{csrf_field()}}
                        <div class="input-group">
                             <input type="text" name="q" class="right-arrow select-css form-control"/>
                          <span class="input-group-btn">
                            <button class="btn search-btn" type="submit"><i class="fa fa-search"></i></button>
                          </span>
                        </div>  
                        </form>
                        <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><a href="/centers" class="break">مراكز الأعمال</a></li>
                                 <li class="active"><a href="/chances" class="break">الفرص الاستثمارية</a></li>
                            </ul>
                            <div class='actions'>
                                <button class="fbutcenter" type="button">
                                    
                                    
                                       <a href="{{ route('chances.mychances') }}">
                                    <span style="color:white"> طرح فرصة</span>
                                    
                                    
                                     </a>
                                     </button>
                                <button class="fbutcenter" type="button">   
                                <a href="/myoffers">
                                    <span style="color:white">عروضي المرسلة</span>
                                    
                                    
                                     </a>
                                 </button>
                            </div>
                        </div>
                    <!-- End sidebar -->
                    </div>
                    <div class="col-md-9">
                         <!-- Start main card -->
                          @foreach($chances as $chance)
                        <div class="main-card">
                                               

                            <div class="row">
                                <div class="col-md-12 card-des">
                                    <div class="row">
                                        <div class="col-md-3 subtitle">اسم الفرصة</div>
                                        <div class="col-md-9 sub-value primary bold"><a href="chances/{{ $chance->id }}">{{ $chance->name }}</a></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-3 subtitle">القطاع</div>
                                        <div class="col-md-9 sub-value"> 
                                        {{ $chance->sector->name }}
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-3 subtitle">مناطق التسليم</div>
                                        <div class="col-md-9 sub-value tags-section">
                                            @foreach($chance->places as $place)
                                            <span>{{ $place->name }}</span>
                                  
                                            @endforeach
                                        </div>
                                    </div>
                                    <div class="row progress-section">
                                        <div class="col-md-3 subtitle">الأيام المتبقية</div>
                                        <div class="col-md-9 sub-value">
                                            <div class="progress green" style="margin-top: 10px">
                                                <div class="progress-bar" style="width:{{  $chance->remaining_days(date('d-m-Y', strtotime($chance->close_date))) }}%; background:#5fad56;">
                                                    <div class="progress-value">{{  $chance->remaining_days(date('d-m-Y', strtotime($chance->close_date))) }}يوم</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-share">
                                <a class="active"><i class="fa fa-heart"></i></a>
                                <a ><i class="fa fa-share-alt"></i></a>
                            </div>
                            <div class="more-details"><a  href="chances/{{ $chance->id }}" >مزيد من التفاصيل<i class="fa fa-angle-double-left"></i></a></div>
                        </div>
                        @endforeach
                      
                        
                        <!-- End main card -->
                        <!-- Start pagination -->
                        <div class="text-center">
                    {{ $chances->links() }}
                        </div>
                        <!-- End pagination -->
                    </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">
                        <form  method="get" action="{{ route('chances.search')}}">
                                                                {{csrf_field()}}
                            <div class="form-group">
                                <input type="text" name="q" class="form-control" placeholder="بحث في الفرص">
                            </div>
                            <label style="margin-bottom: 15px" class='close-date'>تاريخ الإغلاق</label>
                            <div class="form-group">                           
                                <div class="input-append date" id="dp3" data-date="1/1/2012"
                                     autocomplete="false"
                                     data-date-format="dd-mm-yyyy">
                                    <input class="effect-9 form-control" placeholder="mm/dd/yyyy"
                                           type="date" name="close_date"
                                           value="">
                                    <span class="add-on"><i class="fa  fa-calendar"></i></span>
                                </div>
                            </div>
                            <div class="form-group">
                                <select name="place_id" class="select-css green-arrow">
                                    <option value="">منطقة استلام</option>
                                    @foreach(\App\Place::all() as $place)
                                                <option value="{{$place->name}}" {{old('place_id',Request::get('place_id'))==$place->id?' selected ':''}}>{{$place->name}}</option>
                                            @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <select class="select-css green-arrow">
                                    <option value="" defulte>قطاع الفرصة</option>
                                      @foreach(\App\Sector::all() as $sector)
                                                <option value="{{$sector->id}}">{{$sector->name}}</option>
                                            @endforeach
                                </select>
                            </div>
                            <div  class="custom-form">
                                <div class="form-group">
                                    <label class="check-container">إظهار فرص معمدة  
                                        <input  value="1"  type="checkbox" checked="checked">
                                        <span class="checkmark"></span>  
                                    </label>
                                 </div>
                            </div>
                    <!--      </form> -->  
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn dark-btn">بحث</button>
                        <button type="button" class="btn btn-link" data-dismiss="modal">الغاء</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
            </div>
        </div>
@endsection