@extends('layouts.userlayout')

@section('content')

@if (session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
@endif

@if (session('error'))
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        {{ session('error') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
@endif



    <div class="container-fluid my-5 pt-5 pb-2 ">
        <div class="row pb-3 bg-color">
            
                <div class="col-12 pb-5" >
                    <div class="container s-inner py-2" >
                        <form class="form-control" action="{{ url('/datechngrequest') }}" method="post">
                        <input type="hidden" name="issueid" value="{{ $issue->id }}">
                        @csrf
                        <div class="row" >

                            <div class="mt-4 mb-1 heading-report">
                                <h1>Change Target Date</h1>
                            </div>
                            <div class="col-12 my-2">
                                <label for="extends_target_date" class="form-label">Extends Target Date</label>
                                <select class="form-select" id="extends_target_date" name="targetdate" aria-label="Default select example" required>
                                    <option disabled>--Select--</option>
                                    <option value="1">1 Days</option>
                                    <option value="2">2 Days</option>
                                    <option value="3">3 Days</option>
                                    <option value="4">4 Days</option>
                                    <option value="5">5 Days</option>
                                    <option value="6">6 Days</option>
                                    <option value="7">1 weeks</option>

                                </select>
                            </div>
                            <div class="col-12 my-4">
                                <textarea name="reason" class="form-control" id="exampleFormControlTextarea1" rows="4" placeholder="Give the reason for the target date" required></textarea>
                            </div>
                        </div>
                            <div class="col-12 text-center my-2 px-2 pb-4">
                                <button type="submit" class="btn buton-o w-100">Target Date Change Request</button>
                            </div>
                        </form>
                            <div class="d-flex justify-content-center">
                            <div class="line"></div>
                            </div>
                            <div class="col-12 my-3">
                                <h5 class="mb-3">Previous Request</h5>
                                @if($date_req)
                                
                                @foreach($date_req as $dr)
                                <div class="my-3 extend p-2" style="box-shadow: 1px 1px 1px 1px #cad4dd;
  border-radius: 5px;position:relative">
                                    <h6>Extends Target Date : <span style="color: #000;">{{$dr->req_targetdate}}</span></h6>
                                    <h6>Reason : <span style="color: #000;">{{$dr->reason}}</span></h6>
                                    @if($dr->status == 'reject')
            <span style="background: red;  position: absolute;
                top: 6px;  right: 5px;
                padding: 1px 8px;  border-radius: 10px;
                font-size: 10px;  color: white;text-transform: capitalize;">{{$dr->status}}</span>
        @elseif($dr->status == 'accept')
            <span style="background: green;  position: absolute;
                top: 6px;  right: 5px;
                padding: 1px 8px;  border-radius:10px;
                font-size: 10px;  color: white;text-transform: capitalize;">{{$dr->status}}</span>
        @else
            <span style="display: none;">{{$dr->status}}</span>
        @endif
                                </div>
                                
                                    @endforeach 
                                
                                @endif
                                
                            </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection