@extends('layouts/contentNavbarLayout')
@section('title', 'Specialities')
@section('content')
<nav aria-label="breadcrumb" class="mb-3">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
        <li class="breadcrumb-item"><a href="{{ route('specialities.index') }}">Specialities</a></li>
        <li class="breadcrumb-item active">Create</li>
    </ol>
</nav>
<div class="card">
  <div class="card-header">
      <h5 class="card-title">Create Speciality</h5>
  </div>
  <div class="card-body">
      <form action="{{ route('specialities.store') }}" method="POST" enctype="multipart/form-data">
          @csrf
            <div class="row mb-3">
                <div class="col-md-6">
                    <label for="name_ar" class="form-label">Name Ar</label>
                    <input type="text" class="form-control" id="name_ar" name="name_ar" required>
                </div>
                <div class="col-md-6">
                    <label for="name_en" class="form-label">Name En</label>
                    <input type="text" class="form-control" id="name_en" name="name_en" required>
                </div>
            </div>
            <div class="row mb-3">
                <div class="col-md-6">
                    <label for="active_icon" class="form-label">Active icon</label>
                    <input type="file" class="form-control" id="active_icon" name="active_icon">
                </div>
                <div class="col-md-6">
                    <label for="deactivate_icon" class="form-label">Deactivate icon</label>
                    <input type="file" class="form-control" id="deactivate_icon" name="deactivate_icon">
                </div>
            </div>
            <div class="row mb-3">
                <div class="col-md-6">
                    <label for="description" class="form-label">Description Ar</label>
                    <textarea class="form-control" id="description_ar" name="description_ar" rows="3"></textarea>
                </div>
                <div class="col-md-6">
                    <label for="description" class="form-label">Description En</label>
                    <textarea class="form-control" id="description_en" name="description_en" rows="3"></textarea>
                </div>
            </div>
            <div class="row mb-3">
                <div class="col-md-4">
                    <label for="total_time_call" class="form-label">Time video/audio call</label>
                    <input type="text" class="form-control" id="total_time_call" name="total_time_call" required>
                </div>
                <div class="col-md-4">
                    <label for="warning_time_call" class="form-label">Warning time call</label>
                    <input type="text" class="form-control" id="warning_time_call" name="warning_time_call" required>
                </div>
                <div class="col-md-4">
                    <label for="alert_time_call" class="form-label">Alert time call</label>
                    <input type="text" class="form-control" id="alert_time_call" name="alert_time_call" required>
                </div>
            </div>
            <div class="row mb-3">
                <div class="col-md-6">
                    <label for="notification" class="form-label">Enabled</label><br/>
                    <select id="enabled" class="form-select" name="enabled">
                        <option value="0">NO</option>
                        <option value="1">YES</option>
                    </select>
                </div>
            </div>
            <div class="d-flex justify-content-end">
                <button type="submit" class="btn btn-primary">Save</button>
                <a href="{{ route('specialities.index') }}" class="btn btn-secondary">Cancel</a>
            </div>
      </form>
  </div>
</div>
@endsection