@extends('layouts.app')
@section('content')
    <style>

    </style>
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <button type="submit" onclick="addDomain()" class="btn light btn-primary mb-2" id="addDomain"><i
                            class="fa fa-plus mr-2" aria-hidden="true"></i>დამატება
                    </button>


                </div>
                <div class="card-body">
                    {{--                    <h6 class="card-subtitle">With DataTables you can alter the ordering characteristics of the table at initialisation time.</h6>--}}
                    <div class="table-responsive">
                        <table id="cars" class="display table table-striped table-bordered">
                            <thead>
                            <tr>
                                <th>ID</th>
                                <th>მანქანა</th>
                                <th>ავტომობილის ფასი</th>
                                <th>სტატუსი</th>
                                <th>ფასი</th>
                                <th>მოქმედება</th>
                            </tr>
                            </thead>
                            <tbody>

                            </tbody>
                            <tfoot>
                            <tr>
                                <th>ID</th>
                                <th>მანქანა</th>
                                <th>ავტომობილის ფასი</th>
                                <th>სტატუსი</th>
                                <th>ფასი</th>
                                <th>მოქმედება</th>
                            </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
<div class="modal fade" id="modal_form" tabindex="-1" role="dialog" aria-labelledby="exampleStandardModalLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modal_title"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="card-body">
                              <div class="clearfix row mb-4">
                                  <div class="col">
                                      <div class="float-left">
                                          <h5 class="mb-0"><strong>მომხმარებელი:</strong> <br /> <span id="copy_full_name">#</span> </h5>
                                      </div>
                                  </div>
                              </div>
                              <div class="clearfix row mb-4">
                                  <div class="col">
                                      <div class="float-left">
                                          <h5 class="mb-0"><strong>მომხმარებლის მობილურის ნომერი:</strong> <br /> <span id="copy_tel">#</span> </h5>
                                      </div>
                                  </div>
                              </div>
                              <div class="clearfix row mb-4">
                                  <div class="col">
                                      <div class="float-left">
                                          <h5 class="mb-0"><strong>მომხმარებლის ელ. ფოსტა:</strong> <br /> <span id="copy_email">#</span> </h5>
                                      </div>
                                  </div>
                              </div>
                              <div class="clearfix row mb-4">
                                  <div class="col">
                                      <div class="float-left">
                                          <h5 class="mb-0"><strong>ავტომობილი:</strong> <br /> <span id="copy_car">#</span> </h5>
                                      </div>
                                  </div>
                              </div>
                              <div class="clearfix row mb-4">
                                  <div class="col">
                                      <div class="float-left">
                                          <h5 class="mb-0"><strong>დღეების რაოდენობა:</strong> <br> <span id="copy_diff_days">#</span></h5>
                                      </div>
                                  </div>
                              </div>
                              <div class="clearfix row mb-4">
                                  <div class="col">
                                      <div class="float-left">
                                          <h5 class="mb-0"><strong>ავტომობილის ფასი:</strong> <br> <span id="copy_car_price">#</span></h5>
                                      </div>
                                  </div>
                              </div>
                              <div class="clearfix row mb-4">
                                 <div class="col">
                                     <div class="float-left">
                                         <h5 class="mb-0"><strong>ჯავშნის ფასი:</strong>  <br> <span id="copy_price">#</span></h5>
                                     </div>
                                 </div>
                             </div>
                              <div class="clearfix row mb-4">
                                  <div class="col">
                                      <div class="float-left">
                                          <h5 class="mb-0"><strong>სქესი:</strong> <br> <span id="copy_gender">#</span></h5>
                                      </div>
                                  </div>
                              </div>
                              <div class="clearfix row mb-4">
                                 <div class="col">
                                     <div class="float-left">
                                         <h5 class="mb-0"><strong>გასვლის ქალაქი:</strong> <br> <span id="copy_start_location">#</span></h5>
                                     </div>
                                 </div>
                             </div>
                             <div class="clearfix row mb-4">
                              <div class="col">
                                  <div class="float-left">
                                      <h5 class="mb-0"><strong>დანიშნულების ქალაქი:</strong> <br> <span id="copy_end_location">#</span></h5>
                                  </div>
                              </div>
                        
                          </div>
<div class="clearfix row mb-4">
                                  <div class="col">
                                      <div class="float-left">
                                          <h5 class="mb-0"><strong>კომენტარი:</strong> <br> <span id="copy_comment">#</span></h5>
                                      </div>
                                  </div>
                              </div>
                </div>
                <div class="modal-footer">
                    
                    <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times mr-2"
                                                                                         aria-hidden="true"></i>დახურვა
                    </button>
                </div>
            </div>
        </div>
    </div>
    </div>

    <script>

        $('#datetimepicker11').datetimepicker({
            format: 'DD.MM.YYYY',
        });

        let table;
        let save_method;
        $(document).ready(function () {

            table = $('#cars').DataTable({
                order: [ [0, 'desc'] ],
                processing: true,
                serverSide: true,
                ajax: {
                    url: "{{ url(currentLocale().'/admin/cars/booked_cars_ajax') }}",
                    type: 'GET',
                    data: function (d) {
                        d.company = $('#company').val()
                        d.domain_registrator = $('#domain_registrator').val()
                    }
                },
                columns: [
                    {data: 'DT_RowIndex', name: 'DT_RowIndex'},
                    {data: 'car.full_model', name: 'car.car.full_model'},
                    {data: 'car.full_price', name: 'car.full_price'},
                    {data: 'full_name', name: 'full_name'},
                    {data: 'price', name: 'price'},
                    {data: 'action', name: 'action'}
                ]
            });
            $('#company').on('change', function () {
                table.draw();
            });

            $('#domain_registrator').on('change', function () {
                table.draw();
            })


        });

        function reload() {
            table.ajax.reload();
        }

        function updateDomain(id) {
            Swal.fire({
                title: 'ნამდვილად გსურთ დომენის განახლება?',
                text: "",
                icon: 'question',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'დიახ!',
                cancelButtonText: 'არა!',
                preConfirm: function () {
                    return new Promise(function (resolve) {
                        $('.swal2-confirm').html('<i class="fa fa-spinner fa-spin mr-1"></i>');
                        $.ajax({
                            url: "{{ url(currentLocale().'/domains/update_domain_expire_date') }}",
                            type: "POST",
                            dataType: "JSON",
                            data: {
                                '_token': '{{ csrf_token() }}',
                                'id': id
                            },
                        })
                            .done(function (response) {
                                if (response.status === 1) {
                                    reload()
                                    Swal.fire('წარმატებული!', 'დომენი წარმატებით განახლდა', 'success');
                                } else {
                                    Swal.fire('Error!', 'Please try again', 'error');
                                }
                            })
                            .fail(function () {
                                Swal.fire('Oops...', 'Please try again!', 'error');
                            });
                    });
                },
                allowOutsideClick: true
            });
        }

        function addDomain() {
            save_method = 'add';
            $('#domain_form')[0].reset(); // reset form on modals
            $('.form-group').removeClass('has-error'); // clear error class
            $('.selectpicker').selectpicker("refresh");
            $('.help-block').empty(); // clear error string
            $('#modal_form').modal('show'); // show bootstrap modal when complete loaded
            $('#modal_title').text(`დომენის დამატება`);
        }

        function viewBookedCar(id) {
            save_method = 'update';
            // $('.form-group').removeClass('has-error'); // clear error class
            // $('.help-block').empty(); // clear error string
            //Ajax Load data from ajax
            $.ajax({
                url: "{{ url(currentLocale().'/admin/cars/get_car') }}/" + id,
                type: "GET",
                dataType: "JSON",
                success: function (data) {
                    console.log(data)
                    $('#copy_full_name').html(data.full_name);
                    $('#copy_car').html(data.car.full_model)
                    $('#copy_diff_days').html(data.diff_days)
                    $('#copy_car_price').html(data.car.price)
                    $('#copy_price').html(data.price)
                    $('#copy_gender').html(data.gender)
                    $('#copy_start_location').html(data.start_location.name_ka + ' - ' + data.start_date)
                    $('#copy_end_location').html(data.end_location.name_ka + ' - ' + data.end_date)
                    $('#copy_tel').html(data.phone);
                    $('#copy_email').html(data.email)
                    $('#copy_comment').html(data.comment)
                    $('.selectpicker').selectpicker("refresh");
                    $('#modal_form').modal('show'); // show bootstrap modal when complete loaded
                    $('#modal_title').text(`ჯავშანი - ${data.full_name}`);
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    alert('Error get data from ajax');
                }
            });
        }

        function save() {
            let url;
            if (save_method === 'add') {
                url = '{{ url(currentLocale().'/domains/add_domain_info') }}'
            } else if (save_method === 'update') {
                url = '{{ url(currentLocale().'/domains/update_domain_info') }}'
            }
            // console.log($('#expire_date').val())
            // return
            $('#btnSaveDomain').html('<i class="fas fa-spinner fa-spin mr-1"></i>დაელოდეთ...');
            $('#btnSaveDomain').attr('disabled', true);
            $.ajax({
                url: url,
                type: "POST",
                data: $('#domain_form').serialize(),
                dataType: "JSON",
                success: function (data) {
                    if (data.status == 1) {
                        $('#modal_form').modal('hide');
                        Swal.fire('წარმატებული!', 'ინფორმაცია წარმარებით შეინახა!', 'success')
                        reload();
                    } else {
                        Swal.fire('შეცდომა!', '', 'error');
                    }
                    $('#btnSaveDomain').html('<i class="fa fa-floppy-o mr-1" aria-hidden="true"></i>შენახვა');
                    $('#btnSaveDomain').attr('disabled', false); //set button enable
                    //console.log('sssss');
                }
            });
            console.log($('#domain_form').serialize())
        }

        function moveToFree(id) {
            Swal.fire({
                title: 'ნამდვილად გსურთ ავტომობილის გათავისუფლება?',
                text: "",
                icon: 'question',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'დიახ!',
                cancelButtonText: 'არა!',
                preConfirm: function () {
                    return new Promise(function (resolve) {
                        $('.swal2-confirm').html('<i class="fa fa-spinner fa-spin mr-1"></i>');
                        $.ajax({
                            url: "{{ url(currentLocale().'/admin/cars/move_to_free') }}",
                            type: "POST",
                            dataType: "JSON",
                            data: {
                                '_token': '{{ csrf_token() }}',
                                'id': id
                            },
                        })
                            .done(function (response) {
                                if (response.status === 1) {
                                    reload()
                                    Swal.fire('წარმატებული!', 'ავტომობილი წარმატებით გათავისუფლდა', 'success');
                                } else {
                                    Swal.fire('Error!', 'Please try again', 'error');
                                }
                            })
                            .fail(function () {
                                Swal.fire('Oops...', 'Please try again!', 'error');
                            });
                    });
                },
                allowOutsideClick: true
            });
        }
        
        function deleteBooking(id) {
            Swal.fire({
                title: 'ნამდვილად გსურთ ჯავშნის წაშლა?',
                text: "",
                icon: 'question',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'დიახ!',
                cancelButtonText: 'არა!',
                preConfirm: function () {
                    return new Promise(function (resolve) {
                        $('.swal2-confirm').html('<i class="fa fa-spinner fa-spin mr-1"></i>');
                        $.ajax({
                            url: "{{ url(currentLocale().'/admin/cars/delete_booking') }}",
                            type: "POST",
                            dataType: "JSON",
                            data: {
                                '_token': '{{ csrf_token() }}',
                                'id': id
                            },
                        })
                            .done(function (response) {
                                if (response.status === 1) {
                                    reload()
                                    Swal.fire('წარმატებული!', 'წარმატებით წაიშალა', 'success');
                                } else {
                                    Swal.fire('Error!', 'Please try again', 'error');
                                }
                            })
                            .fail(function () {
                                Swal.fire('Oops...', 'Please try again!', 'error');
                            });
                    });
                },
                allowOutsideClick: true
            });
        }

    </script>
@endsection