@extends('layouts.app')
@section('title', 'Campaigns | Email Marketing')
@section('extrastyles')
    <link rel="stylesheet" href="{{ asset('/plugins/dataTables/datatables.min.css') }}">
    <link rel="stylesheet" href="{{ asset('/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css') }}" />
@endsection

@section('content')
        @include('Website::email-marketing.email-campaigns.campaign-breadcrumbs',compact('is_campaign'))

    <div class="studio98_websters">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content p-md">
                        @include('flash::message')
                        <div class="clearfix"></div>
                        <div class="row">
                            <div class="col">
                                <div class="row">
                                    <div class="col-sm-12 col-md-6">
                                        <div class="form-group">
                                            {!! Form::label('campaign_name','Campaign Name') !!}
                                            {!! Form::text('campaign_name', isset($campaign) ? $campaign->name  : '', ['class' => 'form-control','placeholder' => 'Campaign Name','required' => true]) !!}
                                        </div>
                                    </div>
                                </div>
                                <h4 class="campaign-subtitle">Select Sender:</h4>
                                <div class="table-responsive campaign-style">
                                    <table style="width: 100%;" class="table table-striped">
                                        <thead>
                                        <tr>
                                            <th>Name</th>
                                            <th>Nickname</th>
                                            <th>Email address</th>
                                            <th>Status</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($senders as $sender)
                                            <tr>
                                                <td>{!! Form::radio('selected_sender' , $sender->id , isset($campaign->sender_id) && $campaign->sender_id == $sender->id ? 1 : 0 ,['data-id' => $sender->id]) !!} <a class="ml-2" href="#">{{' '}}{{ $sender->name }}</a></td>
                                                <td>{{ $sender->nick_name }}</td>
                                                <td>{{ $sender->email }}</td>
                                                <td>{{ $sender->status }}</td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                        <div class="row mt-3 align-items-end">
                            <div class="col-sm-12 col-md-6">
                                <div class="form-group">
                                    {!! Form::label('email_subject','Email Subject:') !!}
                                    {!! Form::text('email_subject', isset($campaign->subject) ? $campaign->subject : '' , ['class' => 'form-control email_subject','placeholder' => 'Email Subject']) !!}
                                </div>
                            </div>
{{--                            <div class="col-auto">--}}
{{--                                <div class="form-group align-fix">--}}
{{--                                    {!! Form::checkbox('schedule_campaign' , null , $is_later ,['class' => 'schedule_campaign']) !!}--}}
{{--                                    {!! Form::label('schedule_campaign','I would like to schedule this campaign to be sent at a later time.',['class' => 'input-label ml-2']) !!}--}}
{{--                                </div>--}}
{{--                            </div>--}}
                        </div>

                        <div class="row mt-3 align-items-end" id="is_later" style="display: {{$is_later == 1 ? 'block' : 'none'}}">
                            <div class="col-auto">
                                <div class="input-group" style="width: 40%">
                                    <input
                                        type="text"
                                        class="form-control dates"
                                        value={{isset($campaign->scheduled_at) ? $campaign->scheduled_at : ''}}
                                        name="end_date"
                                        id="send_time"
                                    /><span class="input-group-addon"
                                    ><i class="fa fa-calendar"></i
                                        ></span>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="row mt-3">
                            <div class="col">
                                <h4 class="campaign-subtitle">Select Subscriber Lists:</h4>
                                <div class="table-responsive campaign-style">
                                    <table style="width: 100%;" class="table table-striped">
                                        <thead>
                                        <tr>
                                            <th>Name</th>
                                            <th>Subscribers</th>
                                            <th>Date Added</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($email_list as $list)