@extends('layouts.app', ['title' => __('Restaurant Types')])

@section('admin_title')
    {{ __('Restaurant Types') }}
@endsection

@section('content')
<div class="header bg-gradient-primary pb-8 pt-5 pt-md-5"></div>
<div class="container-fluid mt--7">
    <div class="row">
        <div class="col">
            <div class="card shadow">
                <div class="col-12">
                    <br>
                    @include('partials.flash')
                </div>
                <div class="col-xl-12 order-xl-1">
                    <div class="pl-lg-4">
                        <form method="post" action="{{ route('restaurant-types.store') }}">
                            @csrf
                            <div class="row mt-3">
                                <div class="col-sm-12">
                                    <div class="form-group{{ $errors->has('name') ? ' has-danger' : '' }}">
                                        <label class="form-control-label" for="name">{{ __('Name') }}</label>
                                        <input type="text" name="name" id="name" class="form-control form-control-alternative{{ $errors->has('name') ? ' is-invalid' : '' }}" placeholder="e.g. Fast Food, Fine Dining" value="{{ old('name') }}" required>
                                        @if ($errors->has('name'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $errors->first('name') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="text-end">
                                <button type="submit" class="btn btn-success mt-4">{{ __('Save') }}</button>
                            </div>
                            <br><br>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row mt-3">
        <div class="col">
            <div class="card shadow">
                <div class="card-header border-0">
                    <h3 class="mb-0">{{ __('Restaurant Type List') }}</h3>
                </div>
                <div class="table-responsive">
                    <table class="table align-items-center table-flush">
                        <thead class="thead-light">
                            <tr>
                                <th scope="col">{{ __('SL') }}</th>
                                <th scope="col">{{ __('Name') }}</th>
                                <th scope="col">{{ __('Status') }}</th>
                                <th scope="col">{{ __('Action') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($types as $type)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $type->name }}</td>
                                <td>
                                    <label class="toggle-switch" for="typeStatus{{ $type->id }}">
                                        <input type="checkbox" onclick="location.href='{{ route('restaurant-types.status', $type->id) }}'" class="toggle-switch-input" id="typeStatus{{ $type->id }}" {{ $type->is_active ? 'checked' : '' }}>
                                        <span class="toggle-switch-label">
                                            <span class="toggle-switch-indicator"></span>
                                        </span>
                                    </label>
                                </td>
                                <td>
                                    {{-- Edit --}}
                                    <button class="btn btn-primary btn-sm edit-btn" data-id="{{ $type->id }}" data-name="{{ $type->name }}">{{ __('Edit') }}</button>
                                    
                                    {{-- Delete --}}
                                    <a href="{{ route('restaurant-types.delete', $type->id) }}" onclick="return confirm('Are you sure?')" class="btn btn-danger btn-sm">{{ __('Delete') }}</a>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="card-footer py-4"></div>
            </div>
        </div>
    </div>

    @include('layouts.footers.auth')
</div>
@endsection

@section('js')
<script>
    $(document).ready(function() {
        $('.edit-btn').click(function() {
            var id = $(this).data('id');
            var name = $(this).data('name');

            // Populate form
            $('#name').val(name);

            // Change form action
            $('form').attr('action', '/restaurant-types/update/' + id);
        });
    });
</script>
@endsection