هي ليست صفحتا واحدة فقط بل العديد من الصفاحات الن تكن جميعها .. هذا هو كود الصفحة اللتي تحمل اسم التحكم
@extends('layouts.app')
@section('content')
<style>
.panel-table .panel-body{
padding:0;
}
.panel-table .panel-body .table-bordered{
border-style: none;
margin:0;
}
.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type {
text-align:center;
width: 100px;
}
.panel-table .panel-body .table-bordered > thead > tr > th:last-of-type,
.panel-table .panel-body .table-bordered > tbody > tr > td:last-of-type {
border-right: 0px;
}
.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type,
.panel-table .panel-body .table-bordered > tbody > tr > td:first-of-type {
border-left: 0px;
}
.panel-table .panel-body .table-bordered > tbody > tr:first-of-type > td{
border-bottom: 0px;
}
.panel-table .panel-body .table-bordered > thead > tr:first-of-type > th{
border-top: 0px;
}
.panel-table .panel-footer .pagination{
margin:0;
}
/*
used to vertically center elements, may need modification if you're not using default sizes.
*/
.panel-table .panel-footer .col{
line-height: 34px;
height: 34px;
}
.panel-table .panel-heading .col h3{
line-height: 30px;
height: 30px;
}
.panel-table .panel-body .table-bordered > tbody > tr > td{
line-height: 34px;
}
.styleinput {
border-radius: 20px;
margin: 1px;
text-align: center;
margin-bottom: -11px;
}
</style>
<h2 class="text-center">قائمة الواجبات اليومية</h2>
<div class="panel-body text-center">
<form action="/ta7akoum" method="post" >
{{ csrf_field() }}
<table class="table table-striped table-bordered table-list">
<thead>
<tr>
<th class="hidden-xs">#ID</th>
<th>الواجب اليومي </th>
<th> ايام الاظهار </th>
<th style="width:150px;">تاريخ الاضافة </th>
@isset($ta7akoum[0]->id)
<th style="width:100px;">تعديل </th>
<th style="width:100px;">حذف</th>
@endempty
</tr>
</thead>
<tbody class="text-center">
@php
$var=1;
@endphp
@foreach($ta7akoum as $myta7akoum)
<tr>
<td class="hidden-xs">{{$var}}</td>
<td>{{$myta7akoum->name}}</td>
<td style="font-size: 15px;">
@if((!empty($myta7akoum->Sunday))&&(!empty($myta7akoum->Monday))&&(!empty($myta7akoum->Tuesday))
&&($myta7akoum->Wednesday)&&(!empty($myta7akoum->Thursday))&&(!empty($myta7akoum->Friday))&&
(!empty($myta7akoum->Saturday)))
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> يوميا
@else
@php $i=1; @endphp
@if(!empty($myta7akoum->Sunday))<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> @php $i=$i+1; @endphpالأحد@endif
@if(!empty($myta7akoum->Monday)) <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>@php $i=$i+1; @endphpالإثنين@endif
@if(!empty($myta7akoum->Tuesday)) <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>الثلاثاء@php $i=$i+1; @endphp@endif
@if(!empty($myta7akoum->Wednesday)) <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>الأربعاء@php $i=$i+1;if($i==3){echo '<br>';} @endphp @endif
@if(!empty($myta7akoum->Thursday)) <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>@php $i=$i+1;if($i==3){echo '<br>';} @endphpالخميس@endif
@if(!empty($myta7akoum->Friday)) <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>الجمعة@php $i=$i+1;if($i==3){echo '<br>';} @endphp @endif
@if(!empty($myta7akoum->Saturday)) <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>@php $i=$i+1;if($i==3){echo '<br>';} @endphpالسبت@endif
@endif
</td>
<td style="width:150px;">{{(new DateTime($myta7akoum->created_at))->format('Y-m-d')}}</td>
<th style="width:100px;"><a href="/update/{{$myta7akoum->id}}" class="btn btn-success btn-lg">
<span class="glyphicon glyphicon-cog"></span>
</a> </th>
<th style="width:100px;"><a href="/delete_wajib/{{$myta7akoum->id}}" class="btn btn-danger btn-lg">
<span class="glyphicon glyphicon-trash"></span>
</a></th>
</tr>
@php
$var++;
@endphp
@endforeach
<tr>
<td class="hidden-xs"></td>
<td><div style="border-radius: 20px;
margin: -5px;
text-align: center;
margin-bottom: -8px;" class="col-sm-12 form-group">
<input class="form-control styleinput" id="name" name="name" value="{{ old('name') }}" placeholder="أكتب واجبك هنا" type="text" >
@if ($errors->has('name'))
<span class="help-block">
<strong class="text-danger" style="font-size:20px;">{{ $errors->first('name') }}</strong>
</span>
@endif
</div> </td>
<td>
<div class="form-check" style="font-size: 15px;">
<label class="form-check-label">
<input type="checkbox" class="form-check-input" name="toujour" value="true" checked>يوميا
</label>
<label class="form-check-label">
<input type="checkbox" class="form-check-input" name="Sunday" value="true">الأحد
</label>
<label class="form-check-label">
<input type="checkbox" class="form-check-input" name="Monday" value="true">اللإثنين
</label>
<label class="form-check-label">
<input type="checkbox" class="form-check-input" name="Tuesday" value="true">الثلاثاء
</label>
<br>
<label class="form-check-label">
<input type="checkbox" class="form-check-input" name="Wednesday" value="true">الأربعاء
</label>
<label class="form-check-label">
<input type="checkbox" class="form-check-input" name="Thursday" value="true">الخميس
</label>
<label class="form-check-label">
<input type="checkbox" class="form-check-input" name="Friday" value="true">الجمعة
</label>
<label class="form-check-label">
<input type="checkbox" class="form-check-input" name="Saturday" value="true">السبت
</label>
</div>
</td>
<td><input type="submit" value="إضافة واجب يومي جديد" class="btn btn-success text-center"></td>
</tr>
</tbody>
</table>
</form>
</div>
@endsection
وهذا كود الصفحة التي تضم كل الصفحات اليها :
<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<!-- icon title -->
<title>نظام الوقت</title>
<link rel="shortcut icon" href="{{ asset('images/time.png') }}" type="image/x-icon" />
<!-- Styles -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<!-- Fonts -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="{{ asset('css/glyphicons.css') }}" rel="stylesheet">
<link href="{{ asset('css/bootstrap-rtl.css') }}" rel="stylesheet">
<link href="{{ asset('css/style.css') }}" rel="stylesheet">
<link href="{{ asset('css/style_navbar.css') }}" rel="stylesheet">
<script src="{{ asset('js/jquery.min.js') }}"></script>
<script src="{{ asset('js/html5shiv.js') }}"></script>
<script src="{{ asset('js/respond.js') }}"></script>
</head>
<body>
<div id="app">
<header id="fh5co-header" role="banner">
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<!-- Mobile Toggle Menu Button -->
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse" data-target="#fh5co-navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
<ul class="nav navbar-nav navbar-right">
<!-- Authentication Links -->
@guest
<li {{{ (Request::is('login') ? 'class=active' : '') }}} > <a href="{{ route('login') }}"><span><span class="glyphicon glyphicon glyphicon-log-in" aria-hidden="true"></span> تسجيل الدخول <span class="border"></span></span></a></li>
<li {{{ (Request::is('register') ? 'class=active' : '') }}} > <a href="{{ route('register') }}"><span><span class="glyphicon glyphicon glyphicon-log-in" aria-hidden="true"></span> التسجيل <span class="border"></span></span></a></li>
@else
<li class="dropdown">
<a href="#" class="dropdown-toggle navbar-brand" data-toggle="dropdown" role="button" aria-expanded="false"><span>
{{ Auth::user()->name }} <span class="caret"></span></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="{{ route('logout') }}"
onclick="event.preventDefault();
document.getElementById('logout-form').submit();">
تسجيل الخروج
</a>
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
{{ csrf_field() }}
</form>
</li>
</ul>
</li>
@endguest
</ul>
</div>
<div id="fh5co-navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
@guest
<li {{{ (Request::is('/') ? 'class=active' : '') }}} ><a href="/"><span>الوقت كالسيف ان لم تقطعه قطعك <span class="border"></span></span></a></li>
@else
<li {{{ (Request::is('home') ? 'class=active' : '') }}}{{{ (Request::is('last_month/*/*') ? 'class=active' : '') }}}{{{ (Request::is('next_month/*/*') ? 'class=active' : '') }}}>
<a href="/home"><span><span class="glyphicon glyphicon-home" aria-hidden="true"></span> الصفحة الرئيسية<span class="border"></span></span></a>
</li>
<li {{{ (Request::is('Tasjil_elyawm') ? 'class=active' : '') }}}><a href="/Tasjil_elyawm"><span><span class="glyphicon glyphicon-edit" aria-hidden="true"></span> تسجيل اليوم <span class="border"></span></span></a></li>
<li {{{ (Request::is('ta7akoum') ? 'class=active' : '') }}}><a href="/ta7akoum"><span><span class="glyphicon glyphicon-cog" aria-hidden="true"></span> التحكم <span class="border"></span></span></a></li>
<li {{{ (Request::is('jadwal_ousbou3i') ? 'class=active' : '') }}}><a href="/jadwal_ousbou3i"><span><span class="glyphicon glyphicon-equalizer" aria-hidden="true"></span> الجدول الأسبوعي <span class="border"></span></span></a></li>
<li {{{ (Request::is('traduction') ? 'class=active' : '') }}}><a href="/traduction"><span><span class="glyphicon glyphicon-font" aria-hidden="true"></span> الترجمة <span class="border"></span></span></a></li>
<li {{{ (Request::is('tamache9') ? 'class=active' : '') }}}><a href="/tamache9"><span><span class="glyphicon glyphicon-text-width" aria-hidden="true"></span> اوTماشق <span class="border"></span></span></a></li>
@endguest
</ul>
</div>
</div>
</nav>
</header>
@yield('content')
</div>
<!-- Scripts -->
<script src="{{ asset('js/app.js') }}"></script>
</body>
</html>
هذا كود الملف الذي يحمل اسم webpack.mix.js والذي ربما يكون ذا علاقة بذلك المشكل :
const mix = require('laravel-mix');
mix.js('resources/assets/js/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css')
.scss('resources/assets/css/bootstrap.scss', 'public/css')
.scss('resources/assets/css/bootstrap-rtl.scss', 'public/css')
.scss('resources/assets/css/glyphicons.scss', 'public/css')
.scss('resources/assets/css/style.scss', 'public/css')
.scss('resources/assets/css/style_navbar.css', 'public/css');
وهذا ما يحدث حينما اضغط على مفتاح F12 ولكن لا أظن المشكلة لهذا السبب :
