@extends('layouts.app')
@section('content')
    <div class="table-responsive custom-table-s1">
        @if(session()->has('message'))
            <div class="alert alert-success">{{ session()->get('message') }}</div>
        @endif

        @if(session()->has('error'))
            <div class="alert alert-danger">{{ session()->get('error') }}</div>
        @endif
        <table class="participant_table" width="100%">
            <thead>
                <tr>
                    <th> </th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="card forms-card">
                                    <div class="card-body">
                                        <div class="basic-form">                                            
                                            <form class="m-form m-form--state" name="frm-create" id="frm-create" method="POST" action="{{ route('backend.post-send-emails') }}">
                                                @csrf
                                                @method('POST')
                                                <div class="outer-div">
                                                    <div class="inner-div">
                                                        <div class="form-group row"> 

                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label class="text-label" for="relationship_type">
                                                                        Date
                                                                    </label>
                                                                    <ul class="check-lists2 size3">                                                                        
                                                                        @if(!empty($pickup_dates))
                                                                        <li>
                                                                            <input type="radio" class="custom-radio-s2 pickup_d" id="tat1" name="date_type" value='yes' {{ old('date_type')=="yes" ? 'checked=' .'"'.'checked'.'"' : '' }}>
                                                                            <label for="tat1">Pickup Date</label>
                                                                        </li>
                                                                        @foreach($pickup_dates as $key => $pickup_date)
                                                                            <li class="shw_pickup ml-4 d-none">                                                                               
                                                                                <input type="radio" class="custom-radio-s2" id="tat1" name="pickup_date" value="{{$pickup_date}}" {{ old('pickup_date')== $pickup_date ? 'checked=' .'"'.'checked'.'"' : '' }} >
                                                                                <label for="tat1"> {{ \Carbon\Carbon::parse($pickup_date)->format('F d, Y') }}</label>
                                                                            </li>
                                                                        @endforeach
                                                                        @endif
                                                                        @error('pickup_date')
                                                                        <div class="error" style="color:red;">{{ $message }}</div>
                                                                        @enderror
                                                                        <li>                                                                            
                                                                            <input type="radio" class="custom-radio-s2 delivery_d" id="tat2" name="date_type" value='no' {{ old('date_type')=="no" ? 'checked=' .'"'.'checked'.'"' : '' }}>
                                                                            <label for="tat2">Delivery Date: {{ \Carbon\Carbon::parse($delivery_date)->format('F d, Y') }}</label>
                                                                        </li>
                                                                        <input type ="hidden" name="delivery_date" value="{{ $delivery_date }}">                                                                        
                                                                    </ul>
                                                                    @error('date_type')
                                                                    <div class="error" style="color:red;">{{ $message }}</div>
                                                                    @enderror
                                                                </div>
                                                            </div>

                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label class="text-label" for="subject">
                                                                        Subject
                                                                    </label>
                                                                    <input type="text" name="subject" id="subject" value="{{ old('subject') }}" class="form-control @error('subject') is-invalid @enderror">
                                                                                                                                   
                                                                    @error('subject')
                                                                        <div class="error" style="color:red;">{{ $message }}</div>
                                                                    @enderror                                                                    
                                                                </div>
                                                            </div> 

                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label class="text-label" for="subject">
                                                                        Message
                                                                    </label>
                                                                    <textarea class="form-control" name="message" id="message">{{ old('message') }}</textarea>
                                                                                                                                   
                                                                    @error('subject')
                                                                        <div class="error" style="color:red;">{{ $message }}</div>
                                                                    @enderror                                                                    
                                                                </div>
                                                            </div>   
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="inner-div">
                                                    <div class="form-group">
                                                        <div class="d-flex justify-content-end">
                                                            <button type="submit" class="btn btn-primary btn-form submit-btn">Submit</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>    
    
<script>
    $(document).ready(function() {
        //$(".shw_pickup").addClass('d-none');

        if ($('.pickup_d').prop('checked')) {
            $(".shw_pickup").removeClass('d-none');
        }
        $(".pickup_d").click(function(){
           $(".shw_pickup").removeClass('d-none');
        })
        $(".delivery_d").click(function(){
           $(".shw_pickup").addClass('d-none');
        })
    });
</script>

@endsection