@extends('layouts.admin')
@section('content')
@php $readonly = ''; @endphp
@if($action == 'View')
@php $readonly = 'readonly'; @endphp
@endif
<!-- pahe header -->
<div class="page-header">
    <div class="page-header-left d-flex align-items-center">
        <div class="page-header-title">
            @isset($title)
            <h5 class="m-b-10">{{ $title }}</h5>
            @endisset
        </div>
        <ul class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Home</a></li>
            <li class="breadcrumb-item">
                <a href="{{ route('admin.sounds.index')}}">{{$title}}</a>
            </li>
            <li class="breadcrumb-item">{{$action}} Sound</li>
        </ul>
    </div>
    <div class="page-header-right ms-auto">
        <div class="page-header-right-items">
            <div class="d-flex d-md-none">
                <a href="javascript:void(0)" class="page-header-right-close-toggle">
                    <i class="feather-arrow-left me-2"></i>
                    <span>Back</span>
                </a>
            </div>
            <div class="d-flex align-items-center gap-2 page-header-right-items-wrapper">

            </div>
        </div>
        <!-- <div class="d-md-none d-flex align-items-center">
            <a href="javascript:void(0)" class="page-header-right-open-toggle">
                <i class="feather-align-right fs-20"></i>
            </a>
        </div> -->
    </div>
</div>

<!-- end page header -->
<div class="main-content">
    <div class="row">
        <div class="col-lg-12 col-md-12">
            @if (count($errors) > 0)
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
            @endif
        </div>

        <!-- table start -->
        <div class="col-lg-12">
            <div class="card stretch stretch-full">
                <div class="card-body p-3">

                    @if(!isset($id))
                    @php $id = 0; @endphp
                    @endif

                    <form class="form-horizontal" role="form" action="{{url( config('app.admin_url') .'/sounds/'.$id)}}" method="post" enctype="multipart/form-data">

                        {{ method_field('PUT') }}
                        {{ csrf_field() }}
                        <div class="row">
                            <div class="col-sm-12 col-md-6">
                                                                <div class="mb-3" data-select2-id="select2-data-51-2rvl">
                                    <label for="cat_id" class="form-label">Category </label>
                                    <select class="form-select select2-hidden-accessible" name="cat_id[]" data-select2-selector="default" data-select2-id="select2-data-2-iv8w" tabindex="-1" aria-hidden="true" multiple {{$readonly}}>
                                                                            </select>
                                </div>
                            </div>

                            <div class="col-sm-12 col-md-6">
                                <div class="mb-3">