@extends('admin.layouts.app')
@section('title')
<title>{{ __('pages.deal.title') }} &mdash; {{ config('app.name', 'Laravel') }}</title>
@endsection
@section('header-content')
<h1>{{ __('pages.deal.title') }}</h1>
@include('admin.layouts.partials.breadcrumb-section')
@endsection
@section('content')
<div class="row">
    <div class="col-lg-12 col-md-12 col-12">
        <div class="card">
            <div class="card-body">
            <div class="mb-3">
            <button type="button" id="addTimeSlot" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
                Add Time Slot
                </button>
                </div>
                <div class="table-responsive">
                    <table class="table table-striped" id="deal_listing" style="width:100%;">
                        <thead>
                            <tr>
                                <th>Time</th>
                                <th>Deal Owner</th>
                                <th>Days</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($deals as $deal)
                                <tr>
                                    <td>{{ $deal->from_time }}  -  {{ $deal->to_time }}</td>
                                    <td>
                                        <select class="form-control deal-owner-select" name="deal_owner" data-deal-id="{{ $deal->id }}" onchange="updateDealOwner(this)">
                                            <option value="">Select Owner</option>
                                            @foreach($dealOwners as $dealOwner)
                                                <option value="{{ $dealOwner->id }}" {{ $deal->deal_owner_id == $dealOwner->id ? 'selected' : '' }}>{{ $dealOwner->name }}</option>
                                            @endforeach
                                        </select>
                                    </td>
                                    <td>
                                        @php
                                            $days = [];
                                            if($deal->monday) $days[] = 'Mon';
                                            if($deal->tuesday) $days[] = 'Tue';
                                            if($deal->wednesday) $days[] = 'Wed'; 
                                            if($deal->thursday) $days[] = 'Thu';
                                            if($deal->friday) $days[] = 'Fri';
                                            if($deal->saturday) $days[] = 'Sat';
                                            if($deal->sunday) $days[] = 'Sun';
                                            echo implode(', ', $days);
                                        @endphp
                                    </td>
                                    <td>
                                        <button class="btn btn-sm btn-danger delete_deal" data-id="{{ $deal->id }}">Delete</button>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="mt-3">
                    <hr class="border-top border-secondary my-4">
                    <h5 class="mb-3">Default Settings</h5>
                    <div class="form-group">
                        <label for="defaultOwner">Default Deal Owner</label>
                        <select class="form-control" id="defaultOwner" name="default_owner">
                            <option value="">Select Default Owner</option>
                            @foreach($dealOwners as $dealOwner)
                                <option value="{{ $dealOwner->id }}" {{$defaultOwner == $dealOwner->id ? 'selected' : ''}}>{{ $dealOwner->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" id="assignByCriteria" name="assign_by_criteria" {{ $assignByCriteria == 1 ? 'checked' : '' }}>
                            <label class="custom-control-label" for="assignByCriteria">Assign deals based on criteria</label>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('model')
<div class="modal fade" id="timeSlotModal" tabindex="-1" role="dialog" aria-labelledby="timeSlotModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="timeSlotModalLabel">Add Time Slot</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">               
                    <span aria-hidden="true">×</span>             
                </button>
            </div>
            <div class="modal-body">
                <form id="timeSlotForm"  method="POST" action="{{route('admin.deal-criteria.store')}}">
                    <div class="form-group">
                        <label for="fromTime">From Time</label>
                        <input type="time" class="form-control" id="fromTime" name="from_time" required>
                    </div>
                    <div class="form-group">
                        <label for="toTime">To Time</label>
                        <input type="time" class="form-control" id="toTime" name="to_time" required>
                    </div>
                    <div class="form-group">
                        <label>Days</label>
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" name="monday" value="0" id="monday">
                            <label class="custom-control-label" for="monday">Monday</label>
                        </div>
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" name="tuesday" value="0" id="tuesday">
                            <label class="custom-control-label" for="tuesday">Tuesday</label>
                        </div>
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" name="wednesday" value="0" id="wednesday">
                            <label class="custom-control-label" for="wednesday">Wednesday</label>
                        </div>
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" name="thursday" value="0" id="thursday">
                            <label class="custom-control-label" for="thursday">Thursday</label>
                        </div>
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" name="friday" value="0" id="friday">
                            <label class="custom-control-label" for="friday">Friday</label>
                        </div>
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" name="saturday" value="0" id="saturday">
                            <label class="custom-control-label" for="saturday">Saturday</label>
                        </div>
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" name="sunday" value="0" id="sunday">
                            <label class="custom-control-label" for="sunday">Sunday</label>
                        </div>
                    </div>
                    <div class="">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary" id="saveTimeSlot">Save</button>
                    </div>
                </form>
            </div>
            <div class="modal-footer">

            </div>
        </div>
    </div>
</div> 
@endsection

@section('page-script')
<script type="text/javascript">
    $(document).ready(function () {
        $('#deal_listing').DataTable({});
        $('body').on('click', '.delete_deal', function (e) {
            e.preventDefault();
            // var requestId = $(this).attr('data-id');
            var data = {
                deal_id: $(this).attr('data-id')
            };
            var confirmMsg = "{{ __('admin_message.confirm_deal_timing_delete') }}";
            var deleteRoute = "{{ route('admin.deal-criteria.delete') }}";
            var tableId = "deal_listing";
            //common delete function
            deleteFire(deleteRoute,data,tableId,confirmMsg);
        });
    });

    function deleteDealCriteria(dealId) {
        console.log(dealId);
        $.ajax({
            url: "{{route('admin.deal-criteria.delete')}}",
            type: "POST",
            data: {deal_id: dealId, _token: '{{ csrf_token() }}'},
            success: function(response) {
                console.log(response);
                window.location.reload();
            }
        });
    }

    $('#addTimeSlot').click(function(){
        $('#timeSlotModal').modal('show');
    });

    $('#timeSlotForm').on('submit', function(e) {
        e.preventDefault();
        
        $.ajax({
            url: "{{route('admin.deal-criteria.store')}}",
            type: "POST",
            data: $(this).serialize() + '&_token=' + '{{ csrf_token() }}',
            success: function(response) {
                if (response.success) {
                    $('#timeSlotModal').modal('hide');
                    $('#timeSlotForm')[0].reset();
                    // Show success message
                    laravel.success(response.message);
                    window.location.reload();
                } else {
                    laravel.error(response.message);
                }
            },
            error: function(xhr) {
                // Handle validation errors
                if (xhr.status === 422) {
                    var errors = xhr.responseJSON.errors;
                    $.each(errors, function(key, value) {
                        laravel.error(value[0]);
                    });
                } else {
                    laravel.error('Something went wrong! Please try again.');
                }
            }
        });
    });

    function updateDealOwner(selectElement) {
        var dealId = $(selectElement).data('deal-id');
        var ownerId = $(selectElement).val();
        console.log(dealId, ownerId);
        $.ajax({
            url: "{{route('admin.deal-criteria.update-owner')}}",
            type: "POST",
            data: {deal_id: dealId, owner_id: ownerId, _token: '{{ csrf_token() }}'},
            success: function(response) {
                console.log(response);
            }
        });
    }

    $('#defaultOwner').change(function(){
        var defaultOwner = $(this).val();
        $.ajax({
            url: "{{route('admin.deal-criteria.update-default-owner')}}",
            type: "POST",
            data: {default_owner: defaultOwner, _token: '{{ csrf_token() }}'},
            success: function(response) {
                console.log(response);
            }
        });
    });

    $('#assignByCriteria').change(function(){
        var assignByCriteria = $(this).val();
        console.log(assignByCriteria);
        $.ajax({
            url: "{{route('admin.deal-criteria.update-assign-criteria')}}",
            type: "POST", 
            data: {
                assign_by_criteria: $(this).is(':checked') ? 1 : 0,
                _token: '{{ csrf_token() }}'
            },
            success: function(response) {
                if(response.success) {
                    laravel.success(response.message);
                } else {
                    laravel.error(response.message);
                }
            },
            error: function() {
                laravel.error('Something went wrong! Please try again.');
            }
        });
    });

   
    // function userList() {
    //     // $('#user_listing').DataTable().ajax.reload();
    //     $('#user_listing').DataTable({
    //         "order": [0, "desc"],
    //         "responsive": true,
    //         "searching": true,
    //         "processing": true,
    //         "serverSide": true,
    //         "deferRender": true,
    //         "lengthChange": true,
    //         "initComplete": function (settings, json) {},
    //         "ajax": {
    //             "url": "{{ route('admin.users.list') }}",
    //             "dataType": "json",
    //             "type": "POST",
    //             "data": {
    //                 "_token": "{{ csrf_token() }}",
    //             },
    //         },
    //         "columns": [
    //             {"data": "name",orderable: true},
    //             {"data": "email",orderable: true},
    //             {"data": "mobile",orderable: true},
    //             {"data": "detail",orderable: false}
    //         ]
    //     });
    // }
</script>
@endsection