@extends('layouts/contentLayoutMaster')

@section('title', 'التقارير')

@section('vendor-style')
    <!-- vendor css files -->
    <link rel="stylesheet" href="{{ asset('vendors/css/forms/select/select2.min.css') }}">
@endsection

@section('content')
<style>
    
     table {
        display: block;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin: 0 auto;
        overflow-x: auto;
        border-collapse: collapse;
        }
        th {
            min-width: 90px; 
            text-align: center;
        }
        td {
            border: 1px solid #e9e9e9 !important;
            min-width: 50px;
            text-align: center;
        } 
    
</style>
<section id="contextual-colors" class="card">
        <div class="card-content">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title" style="color:#ffb800"> تقرير الاشغال اليومي للمحطات  </h4>
                </div>
                <br/><br/>
                <form class="form" action="{{route('reports.daily_zones_report')}}" method="get">
                    <div class="col-md-12" style="display:flex;">
                        <div class="col-md-2">   
                            {{__('lang.delivery_at_from')}}
                            <input type="date" class="form-control" name="delivery_at_from" id="delivery_at_from" value="{{$filter['delivery_at_from']}}">
                        </div>
                        <div class="col-md-2">      
                            {{__('lang.delivery_at_to')}}
                            <input type="date" class="form-control" name="delivery_at_to" id="delivery_at_to" value="{{$filter['delivery_at_to']}}">
                        </div>
                        <div class="col-md-2">
                            <button type="submit" class="btn btn-primary" style="margin-top:17px">بحث</button>
                        </div>
                    </div>
                </form>
                <div class="card-content">
                    <div class="card-body">
                            <div class="form-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <table class="table table-bordered table-striped">
                                                <thead class="thead-color">
                                                    <tr>
                                                        <th>  المحطة </th>
                                                        @foreach(array_reverse($dates) as $i=>$date)
                                                        <th colspan="2">  
                                                            {{ \Carbon\Carbon::createFromDate($date)->translatedFormat('l') }}
                                                            <br/>
                                                            {{$date}} 
                                                        </th>
                                                        @endforeach
                                                    </tr>
                                                </thead>
                                                <tbody>
                                            
                                                    @foreach($zones as $z=>$zone)
                                                    <tr>
                                                        <td style="min-width: 120px;"><b>{{$zone->name}}</b></td>
                                                        @foreach(array_reverse($dates) as $i=>$date)