@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;
        /* white-space: nowrap; */
        }
</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 class="dt-action-buttons text-end">
                        <div class="dt-buttons d-inline-flex">
                            <a href="{{route('marketings.create')}}" class="dt-button create-new btn btn-primary" tabindex="0"
                                aria-controls="DataTables_Table_0" type="button">
                                <span class="fa fa-plus me-2"></span>
                                اضافة حملة جديدة
                            </a>
                        </div>
                    </div>
                </div>
                <br/><br/>
                
                <div class="card-content">
                    <div class="card-body">
                            <div class="form-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <table class="table table-striped">
                                                <thead class="thead-color">
                                                    <tr>
                                                        <th colspan="6" >  </th>
                                                        @foreach ($sources as $source)
                                                            <th colspan="2" style="text-align: center;"> {{$source->source_ar}} </th>
                                                        @endforeach
                                                    </tr>
                                                    <tr>
                                                        <th class="headcol" > اليوم </th>
                                                        <th class="headcol" > التاريخ </th>
                                                        <th> عمليات التسويق </th>
                                                        <th> الأحداث </th>
                                                        <th> إجمالي المصاريف </th>
                                                        <th> إجمالي النقرات </th>
                                                        @foreach ($sources as $source)
                                                            <th> مصاريف  {{$source->source_ar}} </th>
                                                            <th> نقرات  {{$source->source_ar}} </th>
                                                        @endforeach
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($records as $i=>$market)
                                                    <tr>
                                                        <td>{{$market->date}}</td>
                                                        <td>{{$market->date}}</td>
                                                        <td>{{$market->title}}</td>
                                                        <td>{{$market->event}}</td>
                                                        <td>{{$market->total_costs}}</td>
                                                        <td>{{$market->total_clicks}}</td>
                                                        @foreach ($sources as $source)
                                                            <th> {{ App\Models\SourcesOperations::where('date_id',$market->id)->where('source_id',$source->id)->pluck('costs')->first() }} </th>
                                                            <th> {{ App\Models\SourcesOperations::where('date_id',$market->id)->where('source_id',$source->id)->pluck('clicks')->first() }} </th>
                                                        @endforeach
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                        </table>
                                    </div>
                                    
                                </div>
                            </div>
                    </div>
                </div>
            </div>
        </div>
</section>
  {{-- Data list view end --}}
@endsection