@extends('layouts.app', ['title' => 'Create bulk reports'])

@section('content')
    {{-- @include('users.partials.header', [
        'title' => __('Hello') . ' ' . auth()->user()->name,
        'description' => __(
            'This is your profile page. You can see the progress you\'ve made with your work and manage your projects or assigned tasks'
        ),
        'class' => 'col-lg-7',
    ]) --}}


    <div class="main-content">

        <div class="container-fluid mt-5 mb-4">


            <h3 class="display-3">Create Bulk Reports</h3>
            <p class="text-muted">Add bulk reports for websites for selected date. Click create when you're done.</p>
            @if (session('status'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('status') }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif

            @error('date')
                <div class="alert alert-danger alert-dismissible fade show" role="alert">

                    @foreach ($errors->get('date') as $message)
                        {{ $message }} <br />
                    @endforeach
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @enderror
            <div class="row mt-4">
                <div class="col">
                    <form class="card" action="{{ route('report.bulkStore') }}" method="POST">
                        <div class="card-body">

                            @csrf
                            <div class="pl-lg-2">
                                <div class="form-group text-left">
                                    <label class="form-control-label" for="date">Date of report</label>
                                    <div class="input-group input-group-alternative">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text"><i class="ni ni-calendar-grid-58"></i></span>
                                        </div>

                                        <input name="date" id="date" class="form-control datepicker"
                                            placeholder="mm/dd/yyyy" autocomplete="none"
                                            value="{{ now()->format('m/d/Y') }}" required>
                                    </div>
                                </div>

                                <table class="table table-hover">
                                    <thead>
                                        <tr>
                                            <th>No.</th>
                                            <th>Websites</th>
                                            <th>Impressions</th>
                                            <th>Clicks</th>
                                            <th>ECPM</th>
                                            <th>$ Earnings</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($websites as $index => $website)
                                            <tr>
                                                <td style="vertical-align: middle">
                                                    {{ $index + 1 }}
                                                </td>

                                                <td style="vertical-align: middle" class="font-weight-bold">
                                                    <label class="mb-0">
                                                        <h4 class="mb-0">{{ $website->name }}</h4>
                                                        <p class="mb-0">{{ $website->address }}</p>
                                                    </label>
                                                    <input type="hidden" name="id[]" value="{{ $website->id }}">
                                                </td>

                                                <td>
                                                    <input name="impressions[]" value="{{ old("impressions.$index"), '' }}"
                                                        type="number" placeholder="Impressions" class="form-control" />

                                                    @if ($errors->has("impressions.$index"))
                                                        <span class="small text-danger mt-1" role="alert">
                                                            <strong>{{ $errors->first("impressions.$index") }}</strong>
                                                        </span>
                                                    @endif
                                                </td>
                                                <td>
                                                    <input name="clicks[]" value="{{ old("clicks.$index"), '' }}"
                                                        type="number" placeholder="Clicks" class="form-control" />

                                                    @if ($errors->has("clicks.$index"))
                                                        <span class="small text-danger mt-1" role="alert">
                                                            <strong>{{ $errors->first("clicks.$index") }}</strong>
                                                        </span>
                                                    @endif
                                                </td>
                                                <td>
                                                    <input name="ecpm[]" value="{{ old("ecpm.$index"), '' }}"
                                                        type="text" placeholder="eCPM" class="form-control" />

                                                    @if ($errors->has("ecpm.$index"))
                                                        <span class="small text-danger mt-1" role="alert">
                                                            <strong>{{ $errors->first("ecpm.$index") }}</strong>
                                                        </span>
                                                    @endif
                                                </td>
                                                <td>
                                                    <input name="earnings[]" value="{{ old("earnings.$index"), '' }}"
                                                        type="text" placeholder="Earnings" class="form-control" />

                                                    @if ($errors->has("earnings.$index"))
                                                        <span class="small text-danger mt-1" role="alert">
                                                            <strong>{{ $errors->first("earnings.$index") }}</strong>
                                                        </span>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>


                            </div>

                        </div>
                        <div class="card-footer">
                            <div class="float-right">
                                <button class="btn btn-secondary" type="reset">Cancel</button>
                                <button class="btn btn-primary" type="submit">Create</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    </div>
@endsection

@push('js')
@endpush