@extends('layouts.simpleLayoutMaster')

@section('title', 'العقود المنتهيه')

@section('page-style')
    {{-- Page Css files --}}
    <link rel="stylesheet" href="{{ asset('css/custom/withdrawalRequests/registerWithdrawalRequest.css') }}">
@endsection

@section('breadcrumb')
<div class="content-header row">
  <div class="content-header-left col-12 mb-2">
    <div class="row breadcrumbs-top">
      <div class="col-12">
        <h2 class="content-header-title float-start mb-0">معلومات الطالب</h2>
        <div class="breadcrumb-wrapper">
          <ol class="breadcrumb">
            <li class="breadcrumb-item">
              <a href="#"> الرئيسية</a>
            </li>
            <li class="breadcrumb-item">
              <a href="#"> طلبات التجديد</a>
            </li>
            <li class="breadcrumb-item">
              <span>تسجيل طلب انسحاب</span>
            </li>

          </ol>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@section('content')
<div class="page">
  <div class="register-page-wrapper">
    <div  class="top-card-wrapper card">
      <div class="row header">
        <div class="col-12">
          <div class="header-wrapper">
            <div class="icon-text-wrapper">
              <img src="{{ asset('assets/add-file.svg') }}" alt="" srcset="" />
              <h2 class="header-text">تسجيل انسحاب</h2>
            </div>
          </div>
        </div>
      </div>
      <div class="row single-bond-wrapper">
        <form class="main-form" method="POST" action="#">
          @csrf
          <div id="firstScreen" class="row screen-wrapper">
            <div class="divider divider-primary">
              <div class="divider-text">معلومات الطالب</div>
            </div>
            <div class="col-12">
              <x-inputs.text.Input
                label="اسم الطالب"
                name="#"
                placeholder="الطالب"
              />
            </div>
            <div class="col-6 mt-1">
              <label for="select2Basic" class="form-label">سبب الانسحاب</label>
              <select
                id="select2Basic"
                class="select2 form-select"
                data-allow-clear="true"
              >
                <option class="hidden_option" selected disabled>
                سبب الانسحاب
                </option>
                <option>تغير محل الاقامة</option>
                <option>رسوم الدراسة</option>
                <option>اسباب تعليمية اخري</option>
                <option>اخري</option>
              </select>
            </div>
            <div class="col-6 mt-1">
              <x-inputs.text.Input
                label="اسم المدرسة المحول اليها"
                name="#"
                placeholder="المدرسة الاهلية"
              />
            </div>
            <div class="col-12 mt-1">
                <div class="mb-3">
                    <label for="exampleFormControlTextarea1" class="form-label">اكتب تعليق عن سبب انسحابك</label>
                    <textarea  style="resize: none;" class="form-control" id="exampleFormControlTextarea1" placeholder="التعليق" rows="5"></textarea>
                </div>
            </div>
            <div class="col-12 mt-2 mb-5 d-flex justify-content-center">
                <div class="col-6 col-md-3 ">
                    <x-inputs.submit type="button" id="submit" class="btn btn-primary w-100 btn-submit">
                        <span class="btn-text secoundery-header centered">تاكيد</span>
                    </x-inputs.submit>
                </div>
            </div>



          </div>
        </form>
      </div>
    </div>



  </div>
</div>


@endsection

@section('page-script')
    <script>
        $("document").ready(function () {



        });

    </script>
@endsection