Application de gestion d'un restaurant ب laravel الجزء الخامس

فهاد الجزء الخامس من Application de gestion d'un restaurant ب laravel غادي نكملوا وندوزو لعرض les menus ديالنا أيضا غادي نشوفوا كيفاش نديرو إضافة وتعديل وحذف serveur و عرض les tables.

نظرة سريعة بالفيديو


1- عرض les menus


دائما ف dossier menus زيد fichier سميه index.blade.php لي غادي نعرضوا فيه les menus كاملين لي عندنا.

الكود لي غادي تزيد فالملف هو :


                                    
                                        @extends('layouts.app')


@section("content")
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4">
                                @include('layouts.sidebar')
                            </div>
                            <div class="col-md-8">
                                <div class="d-flex flex-row justify-content-between align-items-center border-bottom pb-1">
                                    <h3 class="text-secondary">
                                        <i class="fas fa-clipboard-list"></i> Menu
                                    </h3>
                                    <a href="{{ route("menus.create") }}" class="btn btn-primary">
                                        <i class="fas fa-plus fa-x2"></i>
                                    </a>
                                </div>
                                <table class="table table-hover table-responsive-sm">
                                    <thead>
                                        <tr>
                                            <th>Id</th>
                                            <th>Titre</th>
                                            <th>Description</th>
                                            <th>Prix</th>
                                            <th>Catégorie</th>
                                            <th>Image</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($menus as $menu)
                                            <tr>
                                                <td>
                                                    {{ $menu->id }}
                                                </td>
                                                <td>
                                                    {{ $menu->title }}
                                                </td>
                                                <td>
                                                    {{ substr($menu->description,0,100)}}
                                                </td>
                                                <td>
                                                    {{ $menu->price}} DH
                                                </td>
                                                <td>
                                                    {{ $menu->category->title}}
                                                </td>
                                                <td>
                                                    <img src="{{ asset("images/menus/". $menu->image) }}" alt="{{ $menu->title}}"
                                                        class="fluid rounded" width="60" height="60"
                                                    >
                                                </td>
                                                <td class="d-flex flex-row justify-content-center align-items-center">
                                                    <a href="{{ route("menus.edit",$menu->slug) }}" class="btn btn-warning mr-1">
                                                        <i class="fas fa-edit"></i>
                                                    </a>
                                                    <form id="{{ $menu->id }}" action="{{ route("menus.destroy",$menu->slug) }}" method="post">
                                                        @csrf
                                                        @method("DELETE")
                                                        <button
                                                            onclick="
                                                                event.preventDefault();
                                                                if(confirm('Voulez vous supprimer le menu {{ $menu->title }} ?'))
                                                                document.getElementById({{ $menu->id }}).submit()
                                                            "
                                                            class="btn btn-danger">
                                                            <i class="fas fa-trash"></i>
                                                        </button>
                                                    </form>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                <div class="my-3 d-flex justify-content-center align-items-center">
                                    {{ $menus->links() }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
                                    
                                

2- إضافة serveur


ف dossier managments زيد dossier serveurs فيه زيد fichier سميه create.blade.php لي غادي تكون فيه فورم إضافة serveur.

الكود لي غادي تزيد فالملف هو :

                                    
                                        @extends('layouts.app')


@section("content")
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4">
                                @include('layouts.sidebar')
                            </div>
                            <div class="col-md-8">
                                <h3 class="text-secondary border-bottom mb-3 p-2">
                                    <i class="fas fa-plus"></i> Ajouter un sérveur
                                </h3>
                                <form action="{{ route("servants.store") }}" method="post">
                                    @csrf
                                    <div class="form-group">
                                        <input
                                            type="text" name="name" id="name"
                                            class="form-control"
                                            placeholder="Nom & Prénom"
                                        >
                                    </div>
                                    <div class="form-group">
                                        <input
                                            type="text" name="address" id="address"
                                            class="form-control"
                                            placeholder="Addresse"
                                        >
                                    </div>
                                    <div class="form-group">
                                        <button class="btn btn-primary">
                                            Valider
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
                                    
                                

3- تعديل serveur


دائما ف dossier serveurs زيد fichier سميه edit.blade.php لي غادي تكون فيه فورم تعديل serveur.

الكود لي غادي تزيد فالملف هو :

                                      
                                        @extends('layouts.app')


@section("content")
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4">
                                @include('layouts.sidebar')
                            </div>
                            <div class="col-md-8">
                                <h3 class="text-secondary border-bottom mb-3 p-2">
                                    <i class="fas fa-plus"></i> Modifier le sérveur {{ $servant->name }}
                                </h3>
                                <form action="{{ route("servants.update",$servant->id) }}" method="post">
                                    @csrf
                                    @method("PUT")
                                    <div class="form-group">
                                        <input
                                            type="text" name="name" id="name"
                                            class="form-control"
                                            placeholder="Nom & Prénom"
                                            value="{{ $servant->name }}"
                                        >
                                    </div>
                                    <div class="form-group">
                                        <input
                                            type="text" name="address" id="address"
                                            class="form-control"
                                            placeholder="Addresse"
                                            value="{{ $servant->address }}"
                                        >
                                    </div>
                                    <div class="form-group">
                                        <button class="btn btn-primary">
                                            Valider
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
                                      
                                    

4- عرض les serveurs


دائما ف dossier serveurs زيد fichier سميه index.blade.php لي غادي نعرضوا فيه les serveurs كاملين لي عندنا.

الكود لي غادي تزيد فالملف هو :

                                        
                                            @extends('layouts.app')


@section("content")
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4">
                                @include('layouts.sidebar')
                            </div>
                            <div class="col-md-8">
                                <div class="d-flex flex-row justify-content-between align-items-center border-bottom pb-1">
                                    <h3 class="text-secondary">
                                        <i class="fas fa-user-cog"></i> Sérveurs
                                    </h3>
                                    <a href="{{ route("servants.create") }}" class="btn btn-primary">
                                        <i class="fas fa-plus fa-x2"></i>
                                    </a>
                                </div>
                                <table class="table table-hover table-responsive-sm">
                                    <thead>
                                        <tr>
                                            <th>Id</th>
                                            <th>Nom & Prénom</th>
                                            <th>Addresse</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($servants as $servant)
                                            <tr>
                                                <td>
                                                    {{ $servant->id }}
                                                </td>
                                                <td>
                                                    {{ $servant->name }}
                                                </td>
                                                <td>
                                                    @if ($servant->address)
                                                        {{ $servant->address }}
                                                    @else
                                                        <span class="text-danger">
                                                            Non Disponible
                                                        </span>
                                                    @endif
                                                </td>
                                                <td class="d-flex flex-row justify-content-center align-items-center">
                                                    <a href="{{ route("servants.edit",$servant->id) }}" class="btn btn-warning mr-1">
                                                        <i class="fas fa-edit"></i>
                                                    </a>
                                                    <form id="{{ $servant->id }}" action="{{ route("servants.destroy",$servant->id) }}" method="post">
                                                        @csrf
                                                        @method("DELETE")
                                                        <button
                                                            onclick="
                                                                event.preventDefault();
                                                                if(confirm('Voulez vous supprimer le sérveur {{ $servant->name }} ?'))
                                                                document.getElementById({{ $servant->id }}).submit()
                                                            "
                                                            class="btn btn-danger">
                                                            <i class="fas fa-trash"></i>
                                                        </button>
                                                    </form>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                <div class="my-3 d-flex justify-content-center align-items-center">
                                    {{ $servants->links() }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
                                        
                                    

5- عرض les tables


ف dossier managments زيد dossier tables فيه زيد fichier سميه index.blade.php لي غادي نعرضوا فيه les tables كاملين لي عندنا.

الكود لي غادي تزيد فالملف هو :

                                        
                                            @extends('layouts.app')


@section("content")
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4">
                                @include('layouts.sidebar')
                            </div>
                            <div class="col-md-8">
                                <div class="d-flex flex-row justify-content-between align-items-center border-bottom pb-1">
                                    <h3 class="text-secondary">
                                        <i class="fas fa-chair"></i> Tables
                                    </h3>
                                    <a href="{{ route("tables.create") }}" class="btn btn-primary">
                                        <i class="fas fa-plus fa-x2"></i>
                                    </a>
                                </div>
                                <table class="table table-hover table-responsive-sm">
                                    <thead>
                                        <tr>
                                            <th>Id</th>
                                            <th>Nom</th>
                                            <th>Disponible</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($tables as $table)
                                            <tr>
                                                <td>
                                                    {{ $table->id }}
                                                </td>
                                                <td>
                                                    {{ $table->name }}
                                                </td>
                                                <td>
                                                    @if ($table->status)
                                                        <span class="badge badge-success">
                                                            Oui
                                                        </span>
                                                    @else
                                                        <span class="badge badge-danger">
                                                            Non
                                                        </span>
                                                    @endif
                                                </td>
                                                <td class="d-flex flex-row justify-content-center align-items-center">
                                                    <a href="{{ route("tables.edit",$table->slug) }}" class="btn btn-warning mr-1">
                                                        <i class="fas fa-edit"></i>
                                                    </a>
                                                    <form id="{{ $table->id }}" action="{{ route("tables.destroy",$table->slug) }}" method="post">
                                                        @csrf
                                                        @method("DELETE")
                                                        <button
                                                            onclick="
                                                                event.preventDefault();
                                                                if(confirm('Voulez vous supprimer la table {{ $table->name }} ?'))
                                                                document.getElementById({{ $table->id }}).submit()
                                                            "
                                                            class="btn btn-danger">
                                                            <i class="fas fa-trash"></i>
                                                        </button>
                                                    </form>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                <div class="my-3 d-flex justify-content-center align-items-center">
                                    {{ $tables->links() }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
                                        
                                    

كلمات مفاتيح :