@extends('layouts.index')
@section('css-part')
<link rel="stylesheet" href="{{ asset('assets/css/general.panel.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/contract.css') }}">
@endsection
@section('js-part')
<script src="{{ asset('assets/js/contract.js') }}"></script>
@endsection
@section('container')
<div class="header">
    <h5 style="color: #ffffff;">{{$user_info->first_name}} {{$user_info->last_name}}</h5>
    <div class="logoimage d-flex justify-content-between align-items-center mt-2"><img src="{{asset('assets/upload/main/Logozarborj.webp')}}" alt="زربرج"></div>
    <a href="{{route('login')}}"><i class="fa-solid fa-right-to-bracket" style="color: #ffffff;"></i> <span class="ms-2"> ورود</span></a>
</div>
<div class="container">
    <h2 class=" text-center mt-3">قرارداد</h2>
    @if ($RequestInfo->contract['isAccepted'])
    <div class="alert alert-success text-center">
        <p>قرار داد در تاریخ {{$RequestInfo->contract['acceptedDate']}} تایید شده است.</p>
    </div>
    @endif
    @include('layouts.notification.error')
    <p class=" text-center mt-3">قرارداد زیر را مطالعه کنید و موافقت خود را با کد یکبارمصرف اعلام نمایید.</p>
    <div class="contract-container">
        <div class="contract-header">
            <h4>متن قرارداد</h4>
        </div>
        <div class="contract-body">
            {!!$RequestInfo->contract['text']!!}
        </div>
    </div>
    @if (!$RequestInfo->contract['isAccepted'])
    <div class="mt-3 ps-3 d-block d-lg-flex confirmation-div mb-5">
        <div class="col-12 col-lg-6 d-flex d-lg-block">
            <input type="checkbox" name="isreaded" id="isreaded">
            <label for="isreaded" class="ms-2">قرارداد را کاملا مطالعه نمودم و تمام مفاد قرارداد را قبول دارم.</label>
        </div>
        <div class="col-12 col-lg-6 mt-3 mt-lg-0">
            <div class="form-group d-block d-lg-flex" id="step1">
                <div class="d-block pe-3">
                    <label for="phone" class="text-center mb-2">برای تایید قرارداد یک کد یکبارمصرف به شماره موبایل شما ارسال خواهد شد</label>
                    <input type="text" id="phone" class="form-control" value="{{$user_info->phone}}" disabled>
                </div>
                <div class="d-flex align-items-end mt-3 mt-lg-0">
                    <button class="btn btn-primary" id="sendsmsbtn" disabled>ارسال کد</button>
                </div>
            </div>
            <form action="{{route('contract.validate')}}" method="post">
                {{csrf_field()}}
                <div class="form-group d-none" id="step2">
                    <div class="d-block pe-3">
                        <label for="phone" class="text-center mb-2">رمز ارسال شده را وارد کنید</label>
                        <input type="text" id="smscode" name="smscode" class="form-control" placeholder="کد یکبار مصرف">
                        <input type="hidden" name="request_id" value="{{$RequestInfo->id}}">
                        <input type="hidden" name="user_id" value="{{$user_info->id}}">
                    </div>
                    <div class="d-flex align-items-end mt-3 mt-lg-0">
                        <button type="submit" class="btn btn-success">تایید کد</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    @endif

</div>
@endsection