@extends('admin.layouts.app')
@section('content')
<div class="container-scroller">
    {{-- navbar - top --}}
    @include('admin.layouts.topbar')
    <div class="container-fluid page-body-wrapper">
        {{-- navbar - side --}}
        @include('admin.layouts.nav')
      <!-- partial -->
      <div class="main-panel">
        <div class="content-wrapper">
          <div class="row">
            <div class="col-md-12 grid-margin">
              <div class="row">
                <div class="col-12 col-xl-8 mb-2 mb-xl-0">
                    <h3 class="font-weight-bold">{{ __('Add New Sharing Link') }}</h3>
                </div>
              </div>
            </div>
          </div>
          <div class="row justify-content-center">
            <div class="col-md-6 grid-margin">
                <div class="card shadow-lg">
                  <div class="card-body">
                    <div class="d-flex justify-content-between mb-3">
                        <h4 class="card-title mt-2">{{ __('Link Details') }}</h4>
                    </div>
                    <form action="{{ route('links.insert') }}" method="POST">
                        @csrf
                        <div class="form-group col-md-12 col-xl-4">
                            <label for="display_type">{{ __('Display Type') }}<span class="text-danger">*</span></label>
                            <select class="form-control form-select text-dark form-control-sm @error('display_type') is-invalid @enderror" name="display_type" id="display_type">
                                <option value="">{{ __('Select Type') }}</option>
                                <option value="0">{{ __('Customer') }}</option>
                                <option value="1">{{ __('Driver') }}</option>
                            </select>
                            @error('display_type')
                                <span class="text-danger" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="form-group col-md-12 col-xl-10">
                            <label for="title">{{ __('Title') }}<span class="text-danger">*</span></label>
                            <input type="text" class="form-control form-control-sm @error('title') is-invalid @enderror" id="title" name="title" value="{{ old('title') }}">
                            @error('title')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group col-md-12 col-xl-10">
                            <label for="description">{{ __('Description') }}<span class="text-danger">*</span></label>
                            <textarea class="form-control form-control-sm @error('description') is-invalid @enderror" name="description" id="description" cols="30" rows="5">{{ old('description') }}</textarea>
                            @error('description')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group col-md-12 col-xl-10">
                            <label for="link">{{ __('Link') }}<span class="text-danger">*</span></label>
                            <input type="text" class="form-control form-control-sm @error('link') is-invalid @enderror" id="link" name="link" value="{{ old('link') }}">
                            @error('link')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group col-md-12 col-xl-4">
                            <label for="icon">{{ __('Icon') }}<span class="text-danger">*</span></label>
                            <select class="form-control form-select text-dark form-control-sm @error('icon') is-invalid @enderror" name="icon" id="icon">
                                <option value="">{{ __('Select Icon') }}</option>
                                <option value="fa-brands fa-android">{{ __('Android') }}</option>
                                <option value="fa-brands fa-apple">{{ __('Apple') }}</option>
                                <option value="fa-brands fa-facebook">{{ __('Facebook') }}</option>
                                <option value="fa-brands fa-instagram">{{ __('Instagram') }}</option>
                                <option value="fa-brands fa-telegram">{{ __('Telegram') }}</option>
                                <option value="fa-brands fa-whatsapp">{{ __('WhatsApp') }}</option>
                                <option value="fa-brands fa-youtube">{{ __('YouTube') }}</option>
                                <option value="fa-solid fa-link">{{ __('Link') }}</option>
                                <option value="fa-solid fa-user-group">{{ __('Group') }}</option>
                                <option value="fa-solid fa-map-location-dot">{{ __('Location') }}</option>
                            </select>
                            @error('icon')
                                <span class="text-danger" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <button class="btn btn-outline-primary" type="submit">{{ __('Save') }}</button>
                        <a href="{{ route('links.index') }}" class="btn btn-outline-info mr-2">{{ __('Go Back') }}</a>
                    </form>
                  </div>
                </div>
            </div>
        </div>
</div>
@endsection
@extends('admin.layouts.footer')