@extends('layouts.dashboard')

@section('stylesheet')
    <!-- DataTables CSS -->
    <link href="{{ URL::asset('backoffice/vendor/datatables-plugins/dataTables.bootstrap.css')}}" rel="stylesheet">
    <!-- DataTables Responsive CSS -->
    <link href="{{ URL::asset('backoffice/vendor/datatables-responsive/dataTables.responsive.css')}}" rel="stylesheet">

@endsection
@section('content')
    <!-- /.row -->
    <div class="row">
        <div class="col-lg-12">
            <div id="msg" class="alert alert-success hidden">Tours are Modified</div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    List of Tours
                </div>
                <!-- /.panel-heading -->
                <div class="panel-body">
                    <div class="col-md-12">
                    <div class="form-group">
                        <a class="btn btn-info pull-right marginb-10" href="{{ route('administration.tours.create') }}">New Tour</a>
                        <button type="button" class="btn btn-primary pull-right marginr-5" id="btnUpdateInHom"> Save </button>
                    </div>
                    </div>
                    <table width="100%" class="table table-striped table-bordered table-hover" id="dataTables-tours">
                        <thead>
                            <tr>
                                <th width="1%">#</th>
                                <th width="6%">Image</th>
                                <th width="10%">Category</th>
                                <th width="15%">Title</th>
                                <th width="9%">Label</th>
                                <th width="3%">Price</th>
                                <th width="27%">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($tours as $tour)
                                                                <tr>
                                    <td> {!! Form::checkbox('in_home[' . $tour->id . ']', $tour->id, $tour->in_home, ['class' => 'in_home_checkbox', 'id' => 'in_home_field_' . $tour->id]); !!} </td>
                                    <td><img src="{{ URL::asset($tour->image)  }}" class="width-40" alt="{{ $tour->name_en }}"/> </td>
                                    <td>{{ $tour->categorie->name_en }}</td>
                                    <td><a href="#" data-toggle="popover" data-placement="right" data-trigger="hover" data-content="{{ $tour->categorie->name_en }}">{{ $tour->name_en }}</a></td>
                                    <td>{{ $tour->label_en }}</td>
                                    <td>{{ $tour->price }}</td>
                                    <td>
                                        <a href="{{ route('administration.tours.show',$tour->id) }}" class="btn btn-primary pull-left marginr-5">
                                            View
                                        </a>
                                        <a href="{{ route('administration.tours.edit',$tour->id) }}" class="btn btn-info pull-left marginr-5">
                                            Edit
                                        </a>
                                        <a href="{{ URL('/administration/dupliquer',$tour->id) }}" class="btn btn-default pull-left marginr-5">
                                            Dupliquer
                                        </a>
                                        <a id="archiverBtn" href="{{ url('/administration/archiver',[$tour->id, $tour->dispo]) }}" class="btn {{$class}} pull-left marginr-5">
                                            {{ $dispo }}
                                        </a>
                                        {!! Form::open(['route'=>['administration.tours.destroy', $tour->id],'method'=>'DELETE','class'=>'form-delete']) !!}
                                            <i class="icon-trash"></i>
                                            {!! Form::submit('Delete',['class'=>'btn btn-danger']) !!}
                                        {!! Form::close() !!}
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="modal confirm" id="confirm-delete">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">Delete confirmation !</h4>
                </div>
                <div class="modal-body">
                    <p>On deleting this tour you will delete also all trip days, trip dates & galleries associated with it. <br/> Do you really want to delete this tour ?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-sm btn-danger" id="delete-btn-confirm">Confirm</button>
                    <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Cancel</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <!-- DataTables JavaScript -->

    <script src="{{ URL::asset('backoffice/vendor/datatables/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{ URL::asset('backoffice/vendor/datatables-plugins/dataTables.bootstrap.min.js')}}"></script>
    <script src="{{ URL::asset('backoffice/vendor/datatables-responsive/dataTables.responsive.js')}}"></script>
    <script>
        $(document).ready(function() {				
            $('[data-toggle="popover"]').popover();
            
            $('#dataTables-tours').DataTable({
                responsive: true,
				"pageLength": 100
            });

            $('#btnUpdateInHom').click(function () {
                updateInHomeField();
            });
            
            function updateInHomeField() 
            {
                var countTours = '{{ count($tours) }}';
                var data = [];
                var j = 0;
                for (var i = 0; i < countTours; i++) 
                {
                    var tour_id = $('#in_home_field_' + i).val();
                    if (typeof tour_id !== "undefined") 
                    {
                        var status = $('#in_home_field_' + i).is(":checked");
                        if( status ) status = 1; else status = 0;
                        data[j] = { tour_id : tour_id, status : status };
                        j ++;   
                    }
                }

                var url = '{{ url('/') }}';
                var token = '{{ csrf_token() }}';
                var data = { data : data, _token: token };

                $.ajax({
                    url: url + "/administration/update-in-home", 
                    type: 'POST',
                    data: data,
                    success: function(result) 
                    {
                        if( result.etat == 200 )
                        {
                            $('#msg').removeClass('hidden');
                            setTimeout(function(){ $('#msg').addClass('hidden'); }, 4000);
                        }
                    },

                    error: function(err) 
                    {
                        console.log(err);
                    }
                });
            }
        });
    </script>
@endsection