@extends('admin.layouts.master')
@section('content')
    <style>
        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            background-color: #e0ace5 !important;
            border: 1px solid #e0ace5 !important;
            border-radius: 4px;
            cursor: default;
            float: left;
            margin-right: 5px;
            margin-top: 6px;
            line-height: 1.2;
            padding: 5px 10px;
        }

        .float-left {
            padding: 10px !important;
        }

    </style>
    <center>
        <h1 style="color: green">{{ session('add_msg') }}</h1>
    </center>
    <center>
        <h1 id="update_success" style="color: green">{{ session('update_success') }}</h1>
    </center>
    <center>
        <h1 style="color: red">{{ session('delete_msg') }}</h1>
    </center>
    <section class="section">
        <ul class="breadcrumb breadcrumb-style ">
            <li class="breadcrumb-item">
                <h4 class="page-title m-b-0">Dashboard</h4>
            </li>
            <li class="breadcrumb-item">Venues</li>
        </ul>
        @if (session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
        <div class="card">
            <div class="card-body">
                {{-- <button type="button" class="btn  btn-icon icon-left  btn-primary float-right mb-3" data-toggle="modal"
                    data-target="#AddEvent"><i class="far fa-edit"></i>Add Venue</button> --}}
                <a href="{{route('admin.restaurant.add')}}" class="btn  btn-icon icon-left  btn-primary float-right mb-3"><i class="far fa-edit"></i>Add Venue</a>    
                <div class="table-responsive">
                    <table class="table table-striped table-md">
                        <tbody>
                            <tr>
                                <th>ID</th>
                                <th>Event Manager Name</th>
                                <th>Name</th>
                                <th>Venue Type</th>
                                <th>Address</th>
                                <th>Address 2</th>
                                <th>Town</th>
                                <th>Postcode</th>
                                <th>Budget Per Hour</th>
                                <th>Music Genric</th>
                                <th>Action</th>
                            </tr>
                            @foreach ($restaurant as $restaurants)
                                <tr id="restid{{ $restaurants->id }}">

                                    <td>{{ $restaurants->id }}</td>
                                    <td>@if (!empty($restaurants->user)){{ $restaurants->user->name }}@endif</td>
                                    <td>{{ $restaurants->name }}</td>
                                    <td>
                                        @if (!empty($restaurants->venuetype))
                                            @foreach ($restaurants->venuetype as $key => $venuetypevalue)
                                                {{ $venuetypevalue->name }},
                                            @endforeach
                                        @endif

                                    </td>
                                    <td>{{ $restaurants->venue_address }}</td>
                                    <td>{{ $restaurants->venue_address2 }}</td>
                                    <td>{{ $restaurants->town }}</td>
                                    <td>{{ $restaurants->postcode }}</td>
                                    <td>{{ $restaurants->budget_per_hour }}</td>
                                    <td>
                                        @if (!empty($restaurants->music))
                                            @foreach ($restaurants->music as $key => $musicvalue)
                                                {{ $musicvalue->name }},
                                            @endforeach
                                        @endif
                                    </td>

                                    <td>
                                        {{-- <button  class="btn btn-md btn-icon btn-success edit" data-id="{{$restaurants->id}}"><i
                                  class="far fa-edit"></i>
                                </button> --}}
                                        <a href="{{ route('admin.restaurant-edit', ['id' => $restaurants->id]) }}"
                                            class="btn btn-md btn-icon btn-success"> <i class="far fa-edit"></i></a>

                                        <button class="btn btn-md btn-icon btn-danger delete"
                                            data-id="{{ $restaurants->id }}"><i class="fas fa-trash-alt"></i>
                                        </button>
                                    </td>
                                </tr>
                            @endforeach

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


    <div class="modal" id="AddEvent">
        <div class="modal-dialog">
            <div class="modal-content">

                <!-- Modal Header -->
                <div class="modal-header">
                    <h4 class="modal-title">Add Venue</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>

                <!-- Modal body -->
                <div class="modal-body">
                    <form action="{{ route('admin.restaurant.process') }}" method="post">
                        @csrf
                        <div class="row">
                            <div class="form-group col-sm-6">
                                <label>Name</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                    </div>
                                    <input type="text" class="form-control" placeholder="Name" name="restaurant_name"
                                        required>
                                </div>
                                <span class="text-danger">{{ $errors->first('restaurant_name') }}</span>
                            </div>
                            <div class="form-group col-sm-6">
                                <label>Event Manager</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                    </div>
                                    <select class="form-control" name="event_manager_id" required>
                                        <option value="">Select Event Manager</option>
                                        @foreach ($event_manager as $key => $event_managervalue)
                                            <option value="{{ $event_managervalue->id }}">{{ $event_managervalue->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <span class="text-danger">{{ $errors->first('event_manager_id') }}</span>
                            </div>
                            <div class="form-group col-sm-6">
                                <label>Music Genric</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                    </div>
                                    <select  name="music_id[]" class="form-control select2" multiple=""
                                         required>
                                        <option value="">Select Music</option>
                                        @foreach ($music as $key => $musicvalue)
                                            <option value="{{ $musicvalue->id }}">{{ $musicvalue->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <span class="text-danger">{{ $errors->first('music_id') }}</span>
                            </div>
                            <div class="form-group col-sm-6">
                                <label>Venue Type</label>
                                <div class="input-group">
                                   
                                    <select class="form-control select2" multiple="" name="venue_type_id[]" 
                                        required>
                                        <option value="">Select Venue Type</option>
                                        @foreach ($venueType as $key => $venueTypevalue)
                                            <option value="{{ $venueTypevalue->id }}">{{ $venueTypevalue->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <span class="text-danger">{{ $errors->first('venue_type_id') }}</span>
                            </div>
                            <div class="form-group col-sm-6">
                                <label>Address</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                    </div>
                                    <input type="text" class="form-control" placeholder="Address" name="venue_address"
                                        required>
                                </div>
                                <span class="text-danger">{{ $errors->first('venue_address') }}</span>
                            </div>
                            <div class="form-group col-sm-6">
                                <label>Address2</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                    </div>
                                    <input type="text" class="form-control" placeholder="Address2" name="venue_address2"
                                        required>
                                </div>
                                <span class="text-danger">{{ $errors->first('venue_address2') }}</span>
                            </div>
                            <div class="form-group col-sm-6">
                                <label>town</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                    </div>
                                    <input type="text" class="form-control" placeholder="town" name="town" required>
                                </div>
                                <span class="text-danger">{{ $errors->first('town') }}</span>
                            </div>
                            <div class="form-group col-sm-6">
                                <label>Post Code</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                    </div>
                                    <input type="text" class="form-control" placeholder="Post Code" name="postcode"
                                        required>
                                </div>
                                <span class="text-danger">{{ $errors->first('postcode') }}</span>
                            </div>
                            <div class="form-group col-sm-6">
                                <label>Budget Per Hour</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                    </div>
                                    <input type="number" class="form-control" placeholder="Budget Per Hour"
                                        name="budget_per_hour" step="0.5" required>
                                </div>
                                <span class="text-danger">{{ $errors->first('budget_per_hour') }}</span>
                            </div>
                        </div>
                        {{-- <div class="form-group">
                <label>Venue Type</label>
                <div class="input-group">
                  <div class="input-group-prepend">
                  </div>
                  <input type="text"  class="form-control" placeholder="Venue Type" name="venue_type"  required>
                </div>
                <span class="text-danger">{{$errors->first('venue_type')}}</span>
              </div> --}}
                        <input type="submit" class="btn  btn-icon icon-left  btn-primary float-right  m-t-15 waves-effect"
                            value="Add Venue">
                    </form>
                </div>

                <!-- Modal footer -->


            </div>
        </div>
    </div>
    <div class="modal" id="EditEvent">
        <div class="modal-dialog">
            <div class="modal-content">

                <!-- Modal Header -->
                <div class="modal-header">
                    <h4 class="modal-title">Edit Venue</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>

                <!-- Modal body -->
                <div class="modal-body">
                    <form action="{{ route('admin.restaurant.update') }}" method="POST">
                        @csrf
                        <div class="form-group">
                            <label>Name</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                </div>
                                <input type="hidden" name="id" class="id" value="">
                                <input type="text" class="form-control restaurant_name" placeholder="Restaurant Name"
                                    name="edit_restaurant_name" required>
                            </div>
                            <span class="text-danger">{{ $errors->first('edit_restaurant_name') }}</span>
                        </div>
                        <div class="form-group">
                            <label>Event Manager</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                </div>
                                <select class="form-control event_manager_id" name="event_manager_id" required>
                                    <option value="">Select Event Manager</option>
                                    @foreach ($event_manager as $key => $event_managervalue)
                                        <option value="{{ $event_managervalue->id }}">{{ $event_managervalue->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <span class="text-danger">{{ $errors->first('event_manager_id') }}</span>
                        </div>
                        <div class="form-group">
                            <label>Music Genric</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                </div>
                                <select class="form-control music_id" name="music_id[]" class="form-control select2"
                                    multiple="" required>
                                    <option value="">Select Music</option>
                                    @foreach ($music as $key => $musicvalue)
                                        <option value="{{ $musicvalue->id }}">{{ $musicvalue->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <span class="text-danger">{{ $errors->first('music_id') }}</span>
                        </div>
                        <div class="form-group">
                            <label>Venue Type</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                </div>
                                <select class="form-control venue_type_id" name="venue_type_id[]"
                                    class="form-control select2" multiple="" required>
                                    <option value="">Select Venue Type</option>
                                    @foreach ($venueType as $key => $venueTypevalue)
                                        <option value="{{ $venueTypevalue->id }}">{{ $venueTypevalue->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <span class="text-danger">{{ $errors->first('venue_type_id') }}</span>
                        </div>
                        {{-- <div class="form-group">
                <label>Venue Type</label>
                <div class="input-group">
                  <div class="input-group-prepend">
                  </div>
                  <input type="text"  class="form-control" placeholder="Venue Type" name="venue_type"  required>
                </div>
                <span class="text-danger">{{$errors->first('venue_type')}}</span>
              </div> --}}
                        <div class="form-group">
                            <label>Address</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                </div>
                                <input type="text" class="form-control venue_address" placeholder="Address"
                                    name="venue_address" required>
                            </div>
                            <span class="text-danger">{{ $errors->first('venue_address') }}</span>
                        </div>
                        <div class="form-group">
                            <label>Address2</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                </div>
                                <input type="text" class="form-control venue_address2" placeholder="Address2"
                                    name="venue_address2" required>
                            </div>
                            <span class="text-danger">{{ $errors->first('venue_address2') }}</span>
                        </div>
                        <div class="form-group">
                            <label>town</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                </div>
                                <input type="text" class="form-control town" placeholder="town" name="town" required>
                            </div>
                            <span class="text-danger">{{ $errors->first('town') }}</span>
                        </div>
                        <div class="form-group">
                            <label>Post Code</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                </div>
                                <input type="text" class="form-control postcode" placeholder="Post Code" name="postcode"
                                    required>
                            </div>
                            <span class="text-danger">{{ $errors->first('postcode') }}</span>
                        </div>
                        <div class="form-group">
                            <label>Budget Per Hour</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                </div>
                                <input type="number" class="form-control budget_per_hour" placeholder="Budget Per Hour"
                                    name="budget_per_hour" step="0.5" required>
                            </div>
                            <span class="text-danger">{{ $errors->first('budget_per_hour') }}</span>
                        </div>


                        <input type="submit" value="Update Venue"
                            class="btn  btn-icon icon-left  btn-primary float-right  m-t-15 waves-effect">
                    </form>
                </div>

                <!-- Modal footer -->


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


@endsection

@section('scripts')
    <script src="{{ asset('admin/assets/bundles/select2/dist/js/select2.full.min.js') }} "></script>
    <script>
        $(document).ready(function() {
            check = "{{ old('restaurant_name') }}";
            check_id = "{{ old('id') }}";
            if (check != "" && check_id == '') {
                $("#AddEvent").modal("show");
            }

            if (check_id != "") {
                $(".id").val(check_id);
                $("#EditEvent").modal("show");
            }
            $(document).on("click", ".delete", function() {
                if (confirm('Do You Real Want To Delete This Venue !')) {
                    id = $(this).data("id");
                    $.ajax({
                        url: 'restaurant-delete/' + id,
                        type: 'GET',
                        data: {
                            _token: $('input[name=_token]').val()

                        },
                        success: function(response) {
                            $('#restid' + id).remove();
                        }

                    })
                }
            })
            $(document).on("click", ".edit", function() {
                id = $(this).data("id");
                $.get('restaurant-edit/' + id, function(restu) {
                    $(".message").html("");
                    $('.id').val(restu.id);
                    $('.restaurant_name').val(restu.name);
                    $('.event_manager_id').val(restu.event_management_id);
                    $.each(restu.music, function(key, value) {
                        $('.music_id').val(value.id);
                    })

                    $.each(restu.venuetype, function(key, value) {
                        $('.venue_type_id').val(value.id);
                    })
                    //$('.venue_type').val(restu.venue_type);
                    $('.venue_address').val(restu.venue_address);
                    $('.venue_address2').val(restu.venue_address2);
                    $('.town').val(restu.town);
                    $('.postcode').val(restu.postcode);
                    $('.budget_per_hour').val(restu.budget_per_hour);
                    $(".message").html("");
                    $('#EditEvent').modal('show');

                });
            })


        });
    </script>




@endsection