@extends('layouts/contentNavbarLayout')

@section('title', 'Sectors')

@section('content')

<div class="card">
  <div class="card-header">
      <h5>Create New Secteur</h5>
  </div>
  <div class="card-body">
      <form method="POST" action="{{ route('secteurs.store') }}" enctype="multipart/form-data">
          @csrf

          <div class="mb-4">
              <label for="title" class="form-label">Title</label>
              <input type="text" class="form-control" id="title" name="title" required>
              @if($errors->has('title'))
              <span style="color:red">  {{ $errors->first('title') }} </span>
            @endif
          </div>
          <div class="mb-4">
              <label for="order_show" class="form-label">Order show</label>
              <input type="number" class="form-control" id="order_show" name="order_show">
              @if($errors->has('order_show'))
              <span style="color:red">  {{ $errors->first('order_show') }} </span>
            @endif
          </div>

          <div class="mb-4">
              <label for="background_color" class="form-label">Background color</label>
              <input type="text" class="form-control" id="background_color" name="background_color"   >
              @if($errors->has('background_color'))
                  <span style="color:red">  {{ $errors->first('background_color') }} </span>
              @endif
          </div>
          <div class="mb-4">
              <div class="form-check form-switch">
                <input class="form-check-input" type="checkbox" name="enabled" id="enabled" checked>
                <label class="form-check-label" for="enabled">Active</label>
               </div>
          </div>
          <div class="mb-4">
              <label for="responsible" class="form-label">Sector</label>
              <select name="secteur_id" class="form-control">
                <option value="">choses sector  </option>
                @foreach($secteurs as $secteur)
                    <option value="{{ $secteur->id }}">{{ $secteur->title }}</option>
                @endforeach
                </select>
          </div>
          <div class="d-flex justify-content-end">
              <button type="submit" class="btn btn-primary">Save</button>
              <a href="{{ route('secteurs.index') }}" class="btn btn-secondary ms-2">Cancel</a>
          </div>
      </form>
  </div>
</div>

@endsection