@extends('layouts.mymaster')

@section('content')
<!--
    <section class="container">
        <div class="row">
            <div class="col-md-12 content-details">
                <h2><span>{{trans('app.chances.chance_details')}}</span></h2>
                <div class="card-details">
                    <div class="details-border">
                        <div class="row">
                            @if(($chance->image || $chance->progress<100))
                                <div class="col-md-4">
                                    <div class="light-white">
                                        @if($chance->image)
                                            <div class="card-img">
                                                <img src="{{thumbnail($chance->image->path, 'single_center')}}"
                                                     alt="{{$chance->name}}">
                                            </div>
                                        @endif
                                        @if($chance->progress<100)
                                            <div class="padt">الايام المتبقية</div>
                                            <div class="progress ">
                                                <div class="progress-bar" role="progressbar"
                                                     aria-valuenow="{{  $chance->remaining_days(date('d-m-Y', strtotime($chance->close_date))) }}"
                                                     aria-valuemin="0" aria-valuemax="100" style="">
                                            <span class="popOver" data-toggle="tooltip" data-placement="top"
                                                  title="{{  $chance->remaining_days(date('d-m-Y', strtotime($chance->close_date))) }} {{trans('app.day')}}"> </span>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            @endif
                            <div class="{{($chance->image || $chance->progress<100)?'col-md-8':'col-md-12'}} ">
                                <div class="details-item">
                                    <ul>
                                        <li class="clearfix">
                                            <div class="one_xsmall title">صاحب التسعيرة</div>
                                            <div class="one_xlarg">{{$chance->user->name}}</div>
                                        </li>
                                        <li class="clearfix">
                                            <div class="one_xsmall title">{{trans('app.chances.chance_name')}}</div>
                                            <div class="one_xlarg">{{$chance->name}}</div>
                                        </li>
                                       
                                        <li class="clearfix">
                                            <div class="one_xsmall title">{{trans('app.chances.closing_date')}}</div>
                                            <div class="one_xlarg">{{$chance->close_date}}</div>
                                        </li>
                                        <li class="clearfix">
                                            <div class="one_xsmall title">{{trans('app.chances.sectors')}}</div>
                                            <div class="one_xlarg">
                {{ $chance->sector->name }}
                                            </div>
                                        </li>
                                        {{-- <li class="clearfix">
                                             <div class="one_xsmall title">{{trans('app.chances.chance_value')}}</div>
                                             <div class="one_xlarg">{{$chance->value}}</div>
                                         </li>--}}
                                        <li class="clearfix">
                                            <div class="one_xsmall title">{{trans('app.chances.rules_book')}}</div>
                                            <div class="one_xlarg"><a class="btn btn-default" target="_blank"
                                                                      href="{{ $chance->file }}"> {{trans('app.chances.rules_book_download')}}</a>
                                            </div>
                                        </li>
                                            <li class="clearfix">
                                            <div class="one_xsmall title">عنوان الاستلام</div>
                                                    <div class="one_xlarg">
                {{ $chance->address }}
                                            </div>
                                        </li>
                                                <li class="clearfix">
                                            <div class="one_xsmall title">مناطق الاستلام </div>
                                                    <div class="one_xlarg">
                                                        @foreach ($chance->places as $place)
                {{ $place->name }} -
                @endforeach
                                            </div>
                                        </li>
                                                                <li class="clearfix">
                                            <div class="one_xsmall title">ملاحظات هامة  </div>
                                                    <div class="one_xlarg">
                                                        @foreach ($chance->notes as $note)
                {{ $note->name }} -
                @endforeach
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- part 2
                    @if ($chance->products->count() >  0 )


                    <div class="details-border">
                        <div class="unit-table pad">
                            <table class="table table-striped">
                                <thead>
  
                                <tr>
                                    <th scope="col">{{trans('app.sectors.sector_name')}}</th>
                                    <th scope="col">{{trans('app.units.unit')}}</th>
                                    <th scope="col"> {{trans('app.quantity')}}</th>
                                </tr>
                                </thead>
                                <tbody>
                                                              @foreach ($chance->products  as $product )
                                      <tr>
                                        <td>
{{ $product->name }}                                        </td>
                                        <td>
{{ $product->unit->name }} 
                                        </td>
                                        <td>{{ $product->qty }}</td>
                                    </tr>

                                @endforeach
                                  
                                </tbody>
                            </table>
                        </div>
                    </div>
@endif


@if($chance->cms_users_id != CRUDBooster::myId()  && !$chance->is_offered())
@if ($chance->products->count() > 0 )
<div class="text-center">

<button type="button" class="uperc padding-md fbutcenter" data-toggle="modal" data-target="#exampleModalproducts">
        التقديم بجدول الكميات
      </button></div>
    
      @else
      
<div class="text-center">

        <button type="button" class="uperc padding-md fbutcenter" data-toggle="modal" data-target="#exampleModalfile">
                التقديم بارفاق ملف
            </button>
      
                  



@endif



@elseif($chance->cms_users_id != CRUDBooster::myId()  && $chance->is_offered())
<div class="text-center">

        <button type="button" class="btn btn-warning" >
لقد قمت بالتقديم على هذه الفرصة
        </button>
        </div>
        @else 
        <div class="text-center">

            <a href="/myoffers" type="button" class="uperc padding-md fbutcenter" >
تفاصيل العروض
            </a>
            </div>

        @endif
                </div>

            </div>
        </div>
    </section>
    <style>
        .progress {
            overflow: visible;
            height: 5px;
            margin: 40px 5px 6px;
        }
    </style>




    <!-- Modal -->
    
    
    
    
        <div class="m-page details-page">
            <div class="container">
                <h2 class="center-title"> تفاصيل الفرصة </h2>
                 <div class="row box">
                     <div class="col-md-12 details-content">
                         
                            <!--
                                                    <div class="row center-name">

                            <div class="col-md-2 detail-title">
                                صاحب الفرصة 
                            </div>
                            <div class="col-md-10 detail-cont primary ">
{{$chance->user->name}}                            </div>
                         </div>
                         -->
                        <div class="row center-name">
                            <div class="col-md-2 detail-title">
                                اسم الفرصة 
                            </div>
                            <div class="col-md-10 detail-cont primary">
                                {{$chance->name}}
                         </div>
                         </div>
                        <div class="row center-name">
                            <div class="col-md-2 detail-title ">
                                تاريخ الإغلاق
                            </div>
                            <div class="col-md-10 detail-cont primary">
{{$chance->close_date}}
</div>
                         </div>
                        <div class="row center-name">
                            <div class="col-md-2 detail-title ">
                                الأيام المتبقية
                            </div>
                            <div class="col-md-10 detail-cont">
                               <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 class="row center-name">
                            <div class="col-md-2 detail-title ">
                                القطاع
                            </div>
                            <div class="col-md-10 detail-cont">
 {{ $chance->sector->name }}                            </div>
                         </div>
                        <div class="row center-name">
                            <div class="col-md-2 detail-title ">
                                كراسة الشروط
                            </div>
                            <div class="col-md-10 detail-cont text-green">
                             <div class="more-download">
                                <i class="fa fa-download"></i>
                                 <a  href="{{ asset('myImages/'.$chance->file) }}" download>تحميل تفاصيل الفرصة</a>   
                                </div>
                            </div>
                         </div>
                        <div class="row center-name">
                            <div class="col-md-2 detail-title ">
                            عنوان الاستلام
                            </div>
                            <div class="col-md-10 detail-cont">
                {{ $chance->address }}

                            </div>
                         </div>
                        <div class="row center-name">
                            <div class="col-md-2 detail-title ">
                            مناطق التسليم
                            </div>
                            <div class="col-md-10 detail-cont tags-section">
                                                                          @foreach ($chance->places as $place)
                {{ $place->name }} -
                @endforeach
                            </div>
                         </div>
                        <div class="row center-name">
                            <div class="col-md-2 detail-title ">
                            ملاحظات هامة
                            </div>
                            <div class="col-md-10 detail-cont ">
                                     @foreach ($chance->notes as $note)
                {{ $note->name }} -
                @endforeach
                            </div>
                         </div>
                                             @if ($chance->products->count() >  0 )

                         <div class="row units">
                             <div class="col-md-7">
                                <div class="detail-title ">
                                الوحدات
                                 </div>
                                 <div class='table-responsive'>
                                    <table class="table table-hover">
                                        <thead>
                                            
                                          <tr>
                                            <th>اسم الوحدة</th>
                                            <th>نوع الوحدة</th>
                                            <th>الكمية</th>
                                          </tr>
                                        </thead>
                                        <tbody>
                                                                                                          @foreach ($chance->products  as $product )

                                          <tr>
                                            <td> {{ $product->name }}  </td>
                                            <td>{{ $product->unit->name }}  </td>
                                            <td>{{ $product->qty }}</td>
                                          </tr>
                                          
                                          @endforeach
                                        </tbody>
                                     </table>
                                 </div>
                             </div>
                         </div>
                         @endif
                         
                         
                         
                         
                         

@if($chance->cms_users_id != CRUDBooster::myId()  && !$chance->is_offered())
@if ($chance->products->count() > 0 )
<div class="text-center">

<button type="button" class="uperc padding-md fbutcenter" data-toggle="modal" data-target="#exampleModalproducts">
        التقديم بجدول الكميات
      </button></div>
    
      @else
      
<div class="text-center">

        <button type="button" class="uperc padding-md fbutcenter" data-toggle="modal" data-target="#exampleModalfile">
                التقديم بارفاق ملف
            </button>
      
                  



@endif



@elseif($chance->cms_users_id != CRUDBooster::myId()  && $chance->is_offered())
<div class="form-btn">

        <button type="button" class="btn btn-warning" >
لقد قمت بالتقديم على هذه الفرصة
        </button>
        </div>
        @else 
        <div class="form-btn">

            <a href="/offers/{{ $chance->id }}" type="button" class="fbutcenter" >
تفاصيل العروض
            </a>
            </div>

        @endif
        
        
        
                     </div>
     </div><div></div>
    <!-- Modal -->
    
    <div class="modal fade" id="exampleModalproducts" 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 action="{{ route('offers.products') }}" method="post">
                {{ csrf_field() }}
                 @foreach ($chance->products as $p )
                <div class="form-group-lg row">
                        
                      

                    <div class="col-xs-12 col-md-4">
                        <div class="new-f-group">
                            <div class="form-group">
                                <select class="form-control" name="products_id[]">
<option  value="{{ $p->id }}">{{ $p->name }}</option>
                                </select>
                         
                            </div>
                        </div>
                    </div>
              
              
                    <div class="col-xs-12 col-md-4">
                        <div class="new-f-group">
                            <div class="form-group">
                                <input type="number" name="qty[]"
                                       class="effect-9 form-control"
                                       placeholder="الكمية الممكن توريدها">
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-xs-12 col-md-4">
                        <div class="new-f-group">
                            <div class="form-group">
                                <input type="number" name="cost[]"
                                       class="effect-9 form-control"
                                       placeholder="سعر الوحدة">
                            </div>
                        </div>
                    </div>
               
                    
<input type="hidden" name="cms_users_id" value="{{ CRUDBooster::myId() }}" />
<input type="hidden" name="chances_id" value="{{ $chance->id }}" />

            
</div>
           @endforeach
          <div class="modal-footer">

                <button type="submit" class="uperc padding-md fbutcenter">ارسال العرض </button>
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </form>
          </div>
       
        </div>
      </div>
    
</div>
</div>


    <!-- Modal -->
    <div class="modal fade" id="exampleModalfile" 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="post" action="{{ route('offers.file') }}">
                {{ csrf_field() }}
                         
                            <label for="exampleInputEmail1">التكلفة  الاجمالية </label>
                            <input  name="total" type="number" class="form-control" >
                        
                            <label for="exampleInputEmail1">ملف العرض </label>
                            <input name="file" type="file" class="form-control" >
                          
                            <input name="chances_id" type="hidden" value="{{ $chance->id }}">
                            <input name="cms_users_id" type="hidden" value="{{ CRUDBooster::myId() }}">
    
    
          </div>
          <div class="modal-footer">
                <button type="submit" class="btn btn-primary">ارسال العرض </button>
          </form>
            <button type="button" class="btn btn-secondary" data-dismiss="modal">الغاء</button>
          </div>
        </div>
      </div>
    
</div></div></div>



@endsection
@push('scripts')
    <script>
        $(function () {
            $('[data-toggle="tooltip"]').tooltip({trigger: 'manual'}).tooltip('show');
        });
        $(document).ready(function () {
            $(".btn-mas").click(function () {
                $("#myModal").modal('show');
            });
        });
        $(".progress-bar").each(function () {
            each_bar_width = $(this).attr('aria-valuenow');
            $(this).width(each_bar_width + '%');
        });
        $(".range-example").asRange({
            range: true,
            limit: false,
            tip: true,
            max: 10000,
            min: 100,
            value: true,
            step: 10,
            keyboard: true,
            replaceFirst: true,
            scale: true,
            format(value) {
                return value;
            }
        });

        $(function () {
            $('#upload').on('submit', function (e) {
                e.preventDefault();
                $('#formApply').hide();
                var form = $(this);
                var file = $('[name="file"]');
                var formData = new FormData();
                formData.append('file', file[0].files[0]);
                formData.append('chance_id', "{{$chance->id}}")
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    type: "post",
                    url: "",
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function (data) {
                        if (data.success) {
                            $("#myModal").modal('hide');
                            $('#formApply').show();
                            $("#SuccessModal").modal('show');
                        } else {
                            $('.alert-danger').html(data.errors);
                            $('.alert-danger').show();
                            $('#formApply').show();
                        }
                    },
                    error: function () {
                        $('#formApply').show();
                        alert("Internal Server Error")
                    }
                })
            })
        })
    </script>

@endpush