@extends('layouts.master')

@section('pagetitle')
Product Type
@endsection
@section('title')
Product Type
@endsection

@section('content')

@php
    use App\Models\MerchantSite;
    $merchant_sites = MerchantSite::where('merchant_id', @auth('web')->user()->id)->first(); 
@endphp
<meta name="csrf-token" content="{{ csrf_token() }}">

<!-- ============================================================== -->
<!-- Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<div class="row page-titles">
    <div class="col-md-5 align-self-center">
        <h4 class="text-themecolor" style="font-weight: 600;">Product Type</h4>
    </div>
    <div class="col-md-7 align-self-center text-right">
        <div class="d-flex justify-content-end align-items-center">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
                <li class="breadcrumb-item active">Product Type</li>
            </ol>
            <a href="{{ url('menutype/create') }}" type="button" class="btn btn-success d-none d-lg-block m-l-15">
                <i class="icon-plus"></i> Add Product Type
            </a>
        </div>
    </div>
</div>
<!-- ============================================================== -->
<!-- End Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->

<div class="card">
            <div class="card-body"> 
            @include('layouts.alert')  
                    <hr>
                  <div class="table-responsive">
                    <table class="table table-hover color-table ">
                        <thead>
                            <tr>
                                <th>S.no</th>
                                <th>Merchant Site</th>
                                @if($merchant_sites->business_type == 'grocery')
                                <th>Category</th>
                                @endif
                                <th>Menu Name</th>
                                <th>Sort Order</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $i = ($menutypes->perPage() * ($menutypes->currentPage() - 1)) + 1  @endphp
                            @forelse($menutypes as $menu)
                            <tr>
                            <td>{{ $i++ }}</td>
                            <td>{{ $menu->merchantSite->name }}</td>
                            @if($merchant_sites->business_type == 'grocery')
                            <td>{{ @$menu->category->name }}</td>
                            @endif
                            <td>{{ $menu->name }} </td>
                            <td>{{ $menu->position }} </td>
                            
                            <td>
                                <input data-id="{{ $menu->id }}"  class="toggle-class success" type="checkbox" 
                                    data-onstyle="success" data-offstyle="danger" data-toggle="toggle" 
                                    data-on="Active" data-off="InActive" {{ $menu->status ? 'checked' : '' }}>
                            </td>
                            <!-- <td>{{ $menu->merchant_site_id }}</td> -->
                            <td>
                                <a href="{{ url('menutype/'.$menu->id.'/edit') }}" data-toggle="tooltip" title="" data-original-title="Edit"
                                    class="btn btn-dropbox btn-flat btn-sm"> 
                                    <i class="icon-pencil" aria-hidden="true"></i>
                                </a>

                                <a href="{{ url('menutype/'.$menu->id.'/delete') }}" data-toggle="tooltip" title="" data-original-title="Delete"
                                    class="btn btn-danger btn-flat btn-sm"> 
                                    <i class="icon-close" aria-hidden="true"></i>
                                </a>

                                <!-- <button class="btn btn-danger btn-flat btn-sm" data-toggle="tooltip" title="" data-original-title="Delete"
                                    onclick="deleteConfirmation('{{ $menu->id }}')">
                                    <i class="icon-close" aria-hidden="true"></i>
                                </button>     -->
                            </td>
                            </tr>
                            @empty
                              <td>Menu Type Not Found!</td>
                          @endforelse
                        </tbody>
                    </table>
                    {{ $menutypes->links() }}
                   
                </div>
            </div>
    </div>

@endsection

@push('script')

<script type="text/javascript">

    $(function() {
        console.log('dsfsdfsdfsd');
    $('.toggle-class').change(function() {
        var status = $(this).prop('checked') == true ? 1 : 0; 
        var id = $(this).data('id'); 
         console.log(id);
        $.ajax({
            type: "get",
            dataType: "json",
            url: "{{ url('menutype/status') }}/ " + id,
            data: {'status': status, 'id': id},
            success: function(data) {    
             sweetAlert("Updated successfully", "", "success");
           }
        });
    })
  })

  function deleteConfirmation(id) {  
        swal({
            title: "Are you sure?",
            type: "warning",
            showCancelButton: true,
            confirmButtonClass: "btn-danger",
            confirmButtonText: "Yes, delete it!",
            cancelButtonText: "No, Cancel!",
            closeOnConfirm: false,
            closeOnCancel: false
        }).then(function (e) {
            if (e.value === true) {
                var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
                $.ajax({
                    type: 'POST',
                    url: "{{ url('menutype/delete') }}/" + id,
                    data: {
                        _token: CSRF_TOKEN
                    },
                    dataType: 'JSON',
                    success: function (data) {
                        if (data.success === true) {
                            swal(data.message, "", "success");
                            setTimeout(function(){
                            location.reload(); 
                            }, 2000); 
                        } else {
                            swal("Error!", data.message, "error");
                        }
                    }
                });
            } else {
                e.dismiss;
            }
        }, function (dismiss) {
            return false;
        })
    }

</script>
@endpush