site ecommerce ب laravel 7 الجزء التاسع
فهاد الجزء التاسع من site ecommerce ب laravel غادي نزيدو la page ديال login ديال الأدمن ومنبعد غادي نزيدو la page d'accueil ديال الأدمن و la page ديال عرض les commandes.
نظرة سريعة بالفيديو
1- إضافة la page ديال login ديال الأدمن
ف dossier views زيد dossier admin فيه زيد dossier auth لي فيه غادي تزيد la page login.blade.php ولي فيها غادي تكون الفورم الخاصة ب login ديال الأدمن.
الكود ديال الملف هو :
@extends('layouts.app')
@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">{{ __('Login') }}</div>
<div class="card-body">
<form method="POST" action="{{ route('admin.login') }}">
@csrf
<div class="form-group row">
<label for="email" class="col-md-4 col-form-label text-md-right">{{ __('E-Mail') }}</label>
<div class="col-md-6">
<input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>
@error('email')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="form-group row">
<label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>
<div class="col-md-6">
<input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">
@error('password')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="form-group row">
<div class="col-md-6 offset-md-4">
<div class="form-check">
<input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>
<label class="form-check-label" for="remember">
{{ __('Remember me') }}
</label>
</div>
</div>
</div>
<div class="form-group row mb-0">
<div class="col-md-8 offset-md-4">
<button type="submit" class="btn btn-primary">
{{ __('Login') }}
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
@endsection
2- إضافة la page d'accueil ديال الأدمن
دائما ف dossier admin فيه زيد la page index.blade.php لي فيها غادي نعرضوا شحال ديال les produits لي عندنا وles commandes.
الكود ديال الملف هو :
@extends('layouts.app')
@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-4">
<a href="{{ route("admin.products") }}" style="text-decoration: none">
<div class="card bg-primary text-white">
<div class="card-body d-flex flex-column justify-content-center align-items-center">
<h3>Products</h3>
<span class="font-weight-bold">
{{ $products->count() }}
</span>
</div>
</div>
</a>
</div>
<div class="col-md-4">
<a href="{{ route("admin.orders") }}" style="text-decoration: none">
<div class="card bg-danger text-white">
<div class="card-body d-flex flex-column justify-content-center align-items-center">
<h3>Orders</h3>
<span class="font-weight-bold">
{{ $orders->count() }}
</span>
</div>
</div>
</a>
</div>
</div>
</div>
@endsection
3- إضافة الصفحة الخاصة بعرض les commandes
دائما ف dossier admin فيه زيد dossier orders فيه زيد la page index.blade.php لي فيها غادي نعرضوا les commandes لي عندنا مع روابط التعديل والحذف.
الكود ديال الملف هو :
@extends('layouts.app')
@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-4">
@include('layouts.sidebar')
</div>
<div class="col-md-8">
<table class="table table-hover">
<thead>
<tr>
<th>Id</th>
<th>Client</th>
<th>Product</th>
<th>Qty</th>
<th>Price</th>
<th>Total</th>
<th>Paid</th>
<th>Delivered</th>
<th></th>
</tr>
</thead>
<tbody>
@foreach ($orders as $order)
<tr>
<td>{{ $order->id }}</td>
<td>{{ $order->user->name }}</td>
<td>{{ $order->product_name }}</td>
<td>{{ $order->qty }}</td>
<td>{{ $order->price }} $</td>
<td>{{ $order->total }} $</td>
<td>
@if($order->paid)
<i class="fa fa-check text-success"></i>
@else
<i class="fa fa-times text-danger"></i>
@endif
</td>
<td>
@if($order->delivered)
<i class="fa fa-check text-success"></i>
@else
<i class="fa fa-times text-danger"></i>
@endif
</td>
<td class="d-flex flex-row justify-content-center align-items-center">
<form method="POST" action="{{ route("orders.update",$order->id) }}">
@csrf
@method("PUT")
<button class="btn btn-sm btn-success">
<i class="fa fa-check"></i>
</button>
</form>
<form id="{{ $order->id }}" method="POST" action="{{ route("orders.destroy",$order->id) }}">
@csrf
@method("DELETE")
<button
onclick="event.preventDefault();
if(confirm('Do you really want to delete the order {{ $order->id }} ?'))
document.getElementById({{ $order->id }}).submit();
"
class="btn btn-sm btn-danger">
<i class="fa fa-trash"></i>
</button>
</form>
</td>
</tr>
@endforeach
</tbody>
</table>
<hr>
<div class="justify-content-center d-flex">
{{ $orders->links() }}
</div>
</div>
</div>
</div>
@endsection