@extends('admin.layout.app')
@section('style')
<style>
    .deleted-row{
        background-color: red;
    }
    .deleted-row td{
        color:#fff;
    }
</style>
@endsection
@section('header')
<li>
    {{--  <div class="add-btn">
        <a href="{{ url('/dashboard/subscribes/create') }}" type="button"
    class="btn btn-custom btn-rounded waves-effect waves-light w-md m-b-5"> <i class="fa fa-check"></i> اضافة
    </a>
    </div> --}}
</li>
@endsection
@section('content')


<!-- Page-Title -->

<div class="row">

    <div class="col-sm-12">
        <div class="card-box">
            <form action="" method="get">
                <div class="row">
                    <div class="col-md-12 part-top">
                        <div class="row">

                        </div>
                    </div>

                    <div class="col-md-12">
                        <div class="row">


                            <div class="col-lg-2">
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            <input type="text" name="user"
                                                value="{{(array_key_exists('user', $search))? $search['user'] : ''}}"
                                                class="form-control" placeholder=" اسم العميل">
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            <input type="text" name="date_from"
                                                value="{{(array_key_exists('date_from', $search))? $search['date_from'] : ''}}"
                                                class="form-control datepicker" autocomplete="off" placeholder="  التاريخ من">
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            <input type="text" name="date_to"
                                                value="{{(array_key_exists('date_to', $search))? $search['date_to'] : ''}}"
                                                class="form-control datepicker" autocomplete="off" placeholder="  التاريخ الي">
                                        </div>
                                    </div>

                                </div>
                            </div>


                            <div class="col-lg-2">
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            {!! Form::select("service",Services(),(array_key_exists('service', $search))?
                                            $search['service'] :
                                            null,['class'=>"form-control  "])!!}
                                        </div>
                                    </div>

                                </div>
                            </div>

                            <div class="col-lg-2">
                                    <button type="button"
                                        onclick="$(this).closest('form').find('#excel').remove(); $(this).closest('form').submit();"
                                        class="btn btn-block btn-sm btn-success waves-effect waves-light b-t-10 b-b-10"><i
                                            class="fa fa-search"></i> بحث</button>
                            </div>

                            <div class="col-lg-2">
                                <div class="form-horizontal">
                                    <a href="{{url('/dashboard/subscribes')}}"
                                        class="btn btn-block btn-sm btn-success waves-effect waves-light b-t-10 b-b-10"><i
                                            class="fa fa-trash"></i> مسح خيارات البحث</a>
                                </div>
                            </div>

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

<div class="row">

    <div class="col-sm-12">
        <div class="card-box text-left">
            <div class="row">

                <div class="col-lg-12">
                    <div class="box-tebal">
                        {{--  'user_id' , 'car_id' , 'driver_id' , 'original_total' , 'total' , 'discount' , 'status' ,
                        'payment_type' , 'rate'  --}}
                        <div role="tabpanel" class="tab-pane " style="overflow-x: scroll;">
                            <table class="table table-striped table-bordered">
                                <thead>
                                    @php
                                    $i = 1;
                                    @endphp
                                    <tr>

                                        <th>#</th>
                                        {{-- <th>رقم الحجز </th> --}}
                                        <th> اسم العميل </th>
                                        <th> رقم جوال العميل </th>
                                        <th> نوع الخدمة </th>
                                        <th> المبلغ  </th>
                                        <th> تاريخ انشاء الحجز </th>
                                        {{-- <th> الملاحظات </th> --}}
                                        <th> العمليات </th>


                                    </tr>
                                </thead>

                                <tbody>
                                    @foreach($subscribes as $item)

                                    <tr style="" id="id-{{$i}}" class="{{($item->deleted_at)? 'deleted-row' : ''}}">
                                        <td>{{$i++}} </td>
                                        <td>{{$item->User->name ?? ''}} </td>
                                        <td>{{$item->User->phone ?? ''}} </td>
                                        {{--  <td>{{$item->}} </td> --}}
                                        <td>{{$item->Service->name ?? ''}} </td>
                                        <td>{{$item->total_price}} </td>

                                        <td>{{$item->created_at}} </td>




                                        <td class="btns">
                                            <a href="{{route('subscribes.destroy',$item)}}" type="button" title="حذف" id="delete-btn"
                                                class="btn btn-danger delete-btn  waves-effect waves-light m-b-5 btn-xs {!! (CheckPermission('subscribes_delete'))? '' : 'hidden'  !!}">
                                                <i class="fa fa-times"></i> </a>
                                            <a href="{{route('subscribes.edit',$item)}}" type="button" title="تعديل"
                                                class="btn btn-info  waves-effect waves-light m-b-5 btn-xs {!! (CheckPermission('subscribes_edit'))? '' : 'hidden'  !!}">
                                                <i class="fa fa-pencil"></i> </a>
                                            <a href="/dashboard/subscribes/{{$item->id}}" type="button" title="عرض"
                                                class="btn btn-info   waves-effect waves-light m-b-5 btn-xs {!! (CheckPermission('subscribes_show'))? '' : 'hidden'  !!}"> <i
                                                    class="fa fa-eye"></i> </a>
                                            <a href="/dashboard/subscribes/{{$item->id}}?print=1" target="_blank" type="button" title="عرض"
                                                class="btn btn-info   waves-effect waves-light m-b-5 btn-xs {!! (CheckPermission('subscribes_show'))? '' : 'hidden'  !!}"> <i
                                                    class="fa fa-print"></i> </a>

                                        </td>
                                    </tr>
                                    @endforeach




                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div><!-- end col -->
</div>
<!-- end row -->
<div class="col-sm-12">
    {{ $subscribes->appends($search)->links() }}
</div>


<!-- Modal -->
<div class="modal fade" id="exampleModal" 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::open( ['url' => '/dashboard/subscribes/' ,'method' => 'PATCH','files' =>
                true,'id'=>'note-form']) !!}


                <div class="card-box">
                    <div class="row">


                        <p class="custom-label-centerd text-left">  </p>

                        <div class="col-lg-12">
                            <div class="form-group">
                                {{-- <label class=""> الملاحظه *</label> --}}
                                <div class=" append">
                                    {!! Form::textarea('notes', null, ['class' => 'form-control', 'required' => '', 'placeholder' => 'الملاحظه *']) !!}
                                </div>
                            </div>
                        </div>


                        <div class="text-center">
                            <button class="btn btn-primary waves-effect waves-light" type="submit"> حفظ
                            </button>
                        </div>
                    </div>


                </div>
                {!!Form::close() !!}
            </div>
            <div class="modal-footer">
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="exampleModal1" tabindex="-1" role="dialog" aria-labelledby="exampleModal1Label"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModal1Label">تغيير موعد الحجز</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::open( ['url' => '/dashboard/subscribes/' ,'method' => 'POST','files' =>
                true,'id'=>'ch-form']) !!}


                <div class="card-box">
                    <div class="row">


                        <p class="custom-label-centerd text-left">  </p>

                        <div class="col-lg-12">
                            <div class="form-group">
                                <label class=""> اختر اليوم *</label>
                                <div class=" append">
                                    <input type="text" name="day_date" value="{{(array_key_exists('date_from', $search))? $search['date_from'] : ''}}"
                                                class="form-control datepicker day_date_ch" autocomplete="off" placeholder="  التاريخ ">
                                </div>
                            </div>
                        </div>

                        <div id="times"></div>
                    </div>


                </div>
                {!!Form::close() !!}
            </div>
            <div class="modal-footer">
            </div>
        </div>
    </div>
</div>


@endsection
@section('script')

<script>
    $(document).on('change', '.change-driver', function() {
       $(this).closest('form').submit();
    });
    $(document).on('change', '.day_date_ch', function() {
        console.log('ff');
       $.get($(this).closest('form').attr('action') + '&day_date='+ $(this).val())
       .done(function(res){
           $('#times').html(res);
       })
       .fail(function(){})
    });
    $(document).on('click', '.add-note', function() {
       $('#note-form').attr('action', $(this).attr('data-action'));
    });
    $(document).on('click', '.ch-t', function() {
       $('#ch-form').attr('action', $(this).attr('data-action'));
    });
</script>

@endsection